Tangaroa

#00223F

General Information about #00223F (Tangaroa)

The hexadecimal color #00223F, also known as Tangaroa, is a dark shade of blue. In the RGB color model, it consists of 0% red, 13.33% green, and 24.71% blue. This translates to a cool, deep hue reminiscent of the ocean depths at twilight. The color is named after Tangaroa, the Māori god of the sea. Colors like #00223F are often associated with calmness, stability, and intelligence. In terms of color theory, Tangaroa can be considered a tertiary color, lying between blue and indigo on the color wheel. Its subdued nature makes it a versatile choice for backgrounds or accents.

The hex color #00223f, also known as Tangaroa, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure readability for individuals with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, pairing this dark shade of blue with white or very light yellow text is crucial. Avoid using it with darker colors or mid-tones, as the contrast will likely be insufficient. Also, when used for interactive elements like buttons, ensure that hover and focus states also maintain sufficient contrast. It is always wise to test the color combination with accessibility tools to verify compliance.

Shades

Digital Color Formats

RGB
0 34 63
RGB0 34 63
Red
Green
Blue
HSL
207.62deg 100% 12.35%
207.6210012.35HSL
Hue
Saturation
Lightness
HWB
207.62deg 0% 75.29%
207.62075.29HWB
Hue
Whiteness
Blackness
hex#00223F
rgb0 34 63
hsl207.62deg 100% 12.35%
cmyk100% 46.03% 0% 75.29%
hwb207.62deg 0% 75.29%
xyz-d650.01 0.02 0.05
oklch0.2466 0.0673 248.57
oklab0.2466 -0.02 -0.06
CMYK
100% 46.03% 0% 75.29%
10046.03075.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.02 0.05
0.010.020.05XYZ
X
Y
Z
OKLCH
0.2466 0.0673 248.57
0.24660.0673248.57LCH
Lightness
Chroma
Hue
OKLAB
0.2466 -0.02 -0.06
0.2466-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons