Named color · #005572
Night Kite
Night Kite is #005572: rgb(0 85 114), hsl(195 100% 22%), oklch(0.421 0.084 230). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Night Kite color name →
#005572
oklch(0.421 0.084 230)
Color conversions
- HEX
- #005572
- RGB
- rgb(0 85 114)
- HSL
- hsl(195 100% 22%)
- HWB
- hwb(195 0% 55%)
- OKLCH
- oklch(0.421 0.084 230)
- OKLab
- oklab(0.421 -0.054 -0.064)
- CIE Lab
- lab(32.99 -14.07 -23.27)
- LCH
- lch(32.99 27.19 238.8)
- CMYK
- cmyk(100% 25% 0% 55%)
Tints · Shades · Tones
Tints
- 286580
- 41758D
- 59869B
- 7096A9
- 87A7B7
- 9FB8C5
- B6CAD4
- CEDBE2
- E6EDF0
Shades
- 004962
- 003D53
- 003144
- 002636
- 001C28
- 00111B
- 00080E
- 000204
- 000001
Tones
- 1A5A74
- 2A5E75
- 376277
- 426778
- 4D6B7A
- 586F7B
- 62747C
- 6C787E
- 767C7F
Color harmonies
Complementary +180°
- 005572
Night Kite
- 713E1F
≈ Peruvian Soil
Analogous -30° +30°
- 005572
Night Kite
- 00595D
≈ Deep Sea Green
- 314D7B
≈ High Altar
Triadic +120° +240°
- 005572
Night Kite
- 6F3954
≈ Ruby Nights
- 50510F
≈ Scorzonera Brown
Split-complementary +150° +210°
- 005572
Night Kite
- 74393A
≈ Cuba Libre
- 654707
≈ Notorious Neanderthal
Tetradic +90° +180° +270°
- 005572
Night Kite
- 613D6A
≈ Purple Splendour
- 713E1F
≈ Peruvian Soil
- 33582B
≈ Pine
Contrast & accessibility
Ag
AAAOn white
WCAG 8.25:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.54:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--night-kite: #005572;
--night-kite-rgb: 0 85 114;
--night-kite-oklch: oklch(0.421 0.084 230);
}
.element {
color: var(--night-kite);
background-color: hsl(195 100% 22%);
border-color: oklch(0.421 0.084 230);
}Tailwind CSS v4
@theme {
--color-night-kite: #005572;
--color-night-kite-50: #defaff;
--color-night-kite-100: #cdeeff;
--color-night-kite-200: #b1dbf2;
--color-night-kite-300: #8cc0db;
--color-night-kite-400: #68a8c7;
--color-night-kite-500: #4390b3;
--color-night-kite-600: #3a7a97;
--color-night-kite-700: #2e6279;
--color-night-kite-800: #1f4859;
--color-night-kite-900: #14323e;
--color-night-kite-950: #051e28;
}SCSS
$night-kite: #005572;
$night-kite-rgb: 0, 85, 114;
$night-kite-light: mix(#fff, $night-kite, 20%);
$night-kite-dark: mix(#000, $night-kite, 20%);
.element {
color: $night-kite;
box-shadow: 0 0 0 2px rgba($night-kite, 0.35);
}