#229bcd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #229bcd | RGB(34, 155, 205) |
Created at 10/15/2026 23:41
RGB values are RGB(34, 155, 205)
#229bcd color contains Red 13.33%, Green 60.78% and Blue 80.39%.
oklch(64.92% 0.1238 232.03)
#229bcd color contains Red 13.33%, Green 60.78% and Blue 80.39%.
oklch(64.92% 0.1238 232.03)
Color Names of #229bcd HEX code
≈ Curious Blue
Classification of #229bcd color
#229bcd is Light and Cool Color Saturation 72%, lightness 47%.
Tint of Steel Blue
Alternative colors of #229bcd
Opposite Color for #229bcd is #cd5422
#229bcd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #229bcd
cmyk
CMYK(83%, 24%, 0%, 20%)
Decimal
2268109
HEX
#229bcd
HSL
hsl(198, 72%, 47%)
HSLA
hsla(198, 72%, 47%, 1)
RGB
RGB(34, 155, 205)
RGBA
RGBA(34, 155, 205, 1)
Palettes for #229bcd color:
Below are examples of color palettes with the #229bcd HEX color
darkest color is #030f14 from shades and lightest color is #e9f5fa from tints
Shades palette of #229bcd:
#1f8cb9
#1b7ca4
#186d90
#145d7b
#114e67
#0e3e52
#0a2f3e
#071f29
#030f14
#000000
Tints palette of #229bcd:
#38a5d2
#4eafd7
#64b9dc
#7ac3e1
#91cde6
#a7d7eb
#bde1f0
#d3ebf5
#e9f5fa
#ffffff
Complementary palette of #229bcd:
#229bcd
#cd5422
Triadic palette of #229bcd:
#229bcd
#cd229b
#9bcd22
Square palette of #229bcd:
#229bcd
#aa22cd
#cd5422
#45cd22
Analogous palette of #229bcd:
#22cdaa
#229bcd
#2245cd
Split-Complementary palette of #229bcd:
#229bcd
#cd2245
#cdaa22
Rectangle (tetradic) palette of #229bcd:
#229bcd
#5422cd
#cd5422
#9bcd22
Suggested color palettes for #229bcd HEX:
Color palette with color #229bcd #1:
Color palette with color #229bcd #2:
Color palette with color #229bcd #3:
Color palette with color #229bcd #4:
Color palette with color #229bcd #5:
Color Contrast
Color pairings of #229bcd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#229bcd
#229bcdContrast Ratio
3.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#229bcd
#229bcdContrast Ratio
6.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #229bcd color png
Visit the popular colors list for more colors