#225f76 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #225f76 | RGB(34, 95, 118) |
Created at 02/21/2023 05:02
Classification of #225f76 color
#225f76 is Semi dark and Cool Color Saturation 55%, lightness 30%.
Tint of Dark Slate Gray
RGB values are RGB(34, 95, 118)
#225f76 color contains Red 13.33%, Green 37.25% and Blue 46.27%.
oklch(45.68% 0.0718 226.71)
#225f76 color contains Red 13.33%, Green 37.25% and Blue 46.27%.
oklch(45.68% 0.0718 226.71)
Color Names of #225f76 HEX code
≈ Blumine
Alternative colors of #225f76
Opposite Color for #225f76 is #763922
#225f76 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #225f76
cmyk
CMYK(71%, 19%, 0%, 54%)
Decimal
2252662
HEX
#225f76
HSL
hsl(196, 55%, 30%)
HSLA
hsla(196, 55%, 30%, 1)
RGB
RGB(34, 95, 118)
RGBA
RGBA(34, 95, 118, 1)
Palettes for #225f76 color:
Below are examples of color palettes with the #225f76 HEX color
darkest color is #03090c from shades and lightest color is #e9eff1 from tints
Shades palette of #225f76:
#1f566a
#1b4c5e
#184353
#143947
#11303b
#0e262f
#0a1d23
#071318
#03090c
#000000
Tints palette of #225f76:
#386f84
#4e7f91
#648f9f
#7a9fad
#91afbb
#a7bfc8
#bdcfd6
#d3dfe4
#e9eff1
#ffffff
Complementary palette of #225f76:
#225f76
#763922
Triadic palette of #225f76:
#225f76
#76225f
#5f7622
Square palette of #225f76:
#225f76
#632276
#763922
#357622
Analogous palette of #225f76:
#227663
#225f76
#223576
Split-Complementary palette of #225f76:
#225f76
#762235
#766322
Rectangle (tetradic) palette of #225f76:
#225f76
#392276
#763922
#5f7622
Suggested color palettes for #225f76 HEX:
Color palette with color #225f76 #1:
Color palette with color #225f76 #2:
Color palette with color #225f76 #3:
Color palette with color #225f76 #4:
Color palette with color #225f76 #5:
Color #225f76 used in palettes (2)
Color Contrast
Color pairings of #225f76 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#225f76
#225f76 Contrast Ratio
7.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#225f76
#225f76 Contrast Ratio
2.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #225f76 color png
Visit the popular colors list for more colors