Created at 02/17/2023 19:18
#229cd7 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #229cd7 | RGB(34, 156, 215) |
RGB values are RGB(34, 156, 215)
#229cd7 color contain Red 13.33%, Green 61.18% and Blue 84.31%.
oklch(65.66% 0.1327 236.28)
#229cd7 color contain Red 13.33%, Green 61.18% and Blue 84.31%.
oklch(65.66% 0.1327 236.28)
Classification of #229cd7 color
#229cd7 is Light and Cool Color Saturation 73%, lightness 49%.
Tint of dodgerblue
Alternative colors of #229cd7
Opposite Color for #229cd7 is #d85f22
#229cd7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #229cd7
Decimal
2268375
HEX
#229cd7
HSL
hsl(200, 73%, 49%)
HSLA
hsla(200, 73%, 49%, 1)
RGB
RGB(34, 156, 215)
RGBA
RGBA(34, 156, 215, 1)
Palettes for #229cd7 color:
Below examples of color palettes for #229cd7 HEX color
darkest color is #031015 from shades and lightest color is #e9f5fb from tints
Shades palette of #229cd7:
#1f8cc2
#1b7dac
#186d97
#145e81
#114e6c
#0e3e56
#0a2f41
#071f2b
#031015
#000000
Tints palette of #229cd7:
#38a6db
#4eb0df
#64bae3
#7ac4e7
#91ceeb
#a7d7ef
#bde1f3
#d3ebf7
#e9f5fb
#ffffff
Complementary palette of #229cd7:
#229bd8
#d85f22
Triadic palette of #229cd7:
#229bd8
#d8229b
#9bd822
Square palette of #229cd7:
#229bd8
#ba22d8
#40d822
#d85f22
Analogous palette of #229cd7:
#22d8ba
#229bd8
Split-Complementary palette of #229cd7:
#229bd8
#22d8ba
Rectangle (tetradic) palette of #229cd7:
#229bd8
#ba22d8
#40d822
#d82240
Suggested colors palettes for #229cd7 HEX:
Colors palette with color #229cd7 #1:
Colors palette with color #229cd7 #2:
Colors palette with color #229cd7 #3:
Colors palette with color #229cd7 #4:
Colors palette with color #229cd7 #5:
Color #229cd7 used in palettes (1)
Color Contrast
Color pairings #229cd7 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#229cd7
#229cd7 Contrast Ratio
3.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#229cd7
#229cd7 Contrast Ratio
6.8:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #229cd7 color png
Visit the popular colors list for more colors