#227bdf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #227bdf | RGB(34, 123, 223) |
Created at 02/20/2023 15:02
Classification of #227bdf color
#227bdf is Light and Cool Color Saturation 75%, lightness 50%.
Shade of Steel Blue
RGB values are RGB(34, 123, 223)
#227bdf color contains Red 13.33%, Green 48.24% and Blue 87.45%.
oklch(58.60% 0.1726 254.95)
#227bdf color contains Red 13.33%, Green 48.24% and Blue 87.45%.
oklch(58.60% 0.1726 254.95)
Color Names of #227bdf HEX code
≈ Mariner
Alternative colors of #227bdf
Opposite Color for #227bdf is #df8622
#227bdf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #227bdf
cmyk
CMYK(85%, 45%, 0%, 13%)
Decimal
2259935
HEX
#227bdf
HSL
hsl(212, 75%, 50%)
HSLA
hsla(212, 75%, 50%, 1)
RGB
RGB(34, 123, 223)
RGBA
RGBA(34, 123, 223, 1)
Palettes for #227bdf color:
Below are examples of color palettes with the #227bdf HEX color
darkest color is #030c16 from shades and lightest color is #e9f2fc from tints
Shades palette of #227bdf:
#1f6fc9
#1b62b2
#18569c
#144a86
#113e70
#0e3159
#0a2543
#07192d
#030c16
#000000
Tints palette of #227bdf:
#3888e2
#4e95e5
#64a3e9
#7ab0ec
#91bdef
#a7caf2
#bdd7f5
#d3e5f9
#e9f2fc
#ffffff
Complementary palette of #227bdf:
#227bdf
#df8622
Triadic palette of #227bdf:
#227bdf
#df227b
#7bdf22
Square palette of #227bdf:
#227bdf
#df22d9
#df8622
#22df28
Analogous palette of #227bdf:
#22d9df
#227bdf
#2822df
Split-Complementary palette of #227bdf:
#227bdf
#df2822
#dadf22
Rectangle (tetradic) palette of #227bdf:
#227bdf
#8622df
#df8622
#7bdf22
Suggested color palettes for #227bdf HEX:
Color palette with color #227bdf #1:
Color palette with color #227bdf #2:
Color palette with color #227bdf #3:
Color palette with color #227bdf #4:
Color palette with color #227bdf #5:
Color #227bdf used in palettes (1)
Color Contrast
Color pairings of #227bdf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#227bdf
#227bdf Contrast Ratio
4.22:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#227bdf
#227bdf Contrast Ratio
4.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #227bdf color png
Visit the popular colors list for more colors