#229bb3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #229bb3 | RGB(34, 155, 179) |
Created at 10/02/2026 01:41
Classification of #229bb3 color
#229bb3 is Light and Cool Color Saturation 68%, lightness 42%.
Shade of Cadet Blue
RGB values are RGB(34, 155, 179)
#229bb3 color contains Red 13.33%, Green 60.78% and Blue 70.2%.
oklch(63.73% 0.1051 215.03)
#229bb3 color contains Red 13.33%, Green 60.78% and Blue 70.2%.
oklch(63.73% 0.1051 215.03)
Color Names of #229bb3 HEX code
≈ Eastern Blue
Alternative colors of #229bb3
Opposite Color for #229bb3 is #b33a22
#229bb3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #229bb3
cmyk
CMYK(81%, 13%, 0%, 30%)
Decimal
2268083
HEX
#229bb3
HSL
hsl(190, 68%, 42%)
HSLA
hsla(190, 68%, 42%, 1)
RGB
RGB(34, 155, 179)
RGBA
RGBA(34, 155, 179, 1)
Palettes for #229bb3 color:
Below are examples of color palettes with the #229bb3 HEX color
darkest color is #030f12 from shades and lightest color is #e9f5f7 from tints
Shades palette of #229bb3:
#1f8ca1
#1b7c8f
#186d7d
#145d6b
#114e5a
#0e3e48
#0a2f36
#071f24
#030f12
#000000
Tints palette of #229bb3:
#38a5bb
#4eafc2
#64b9ca
#7ac3d1
#91cdd9
#a7d7e1
#bde1e8
#d3ebf0
#e9f5f7
#ffffff
Complementary palette of #229bb3:
#229bb3
#b33a22
Triadic palette of #229bb3:
#229bb3
#b3229b
#9bb322
Square palette of #229bb3:
#229bb3
#8222b3
#b33a22
#53b322
Analogous palette of #229bb3:
#22b383
#229bb3
#2252b3
Split-Complementary palette of #229bb3:
#229bb3
#b32253
#b38222
Rectangle (tetradic) palette of #229bb3:
#229bb3
#3a22b3
#b33a22
#9bb322
Suggested color palettes for #229bb3 HEX:
Color palette with color #229bb3 #1:
Color palette with color #229bb3 #2:
Color palette with color #229bb3 #3:
Color palette with color #229bb3 #4:
Color palette with color #229bb3 #5:
Color Contrast
Color pairings of #229bb3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#229bb3
#229bb3 Contrast Ratio
3.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#229bb3
#229bb3 Contrast Ratio
6.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #229bb3 color png
Visit the popular colors list for more colors