Named color · #017C85
Cote D’Azur
Cote D’Azur is #017C85: rgb(1 124 133), hsl(184 99% 26%), oklch(0.535 0.091 203.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Cote D’Azur color name →
#017C85
oklch(0.535 0.091 203.7)
Color conversions
- HEX
- #017c85
- RGB
- rgb(1 124 133)
- HSL
- hsl(184 99% 26%)
- HWB
- hwb(184 0% 48%)
- OKLCH
- oklch(0.535 0.091 203.7)
- OKLab
- oklab(0.535 -0.083 -0.037)
- CIE Lab
- lab(46.81 -27.29 -13.65)
- LCH
- lch(46.81 30.51 206.6)
- CMYK
- cmyk(99% 7% 0% 48%)
Tints · Shades · Tones
Tints
- 328991
- 4E959C
- 65A2A8
- 7CAFB4
- 92BCC1
- A8C9CD
- BDD7D9
- D3E4E6
- E9F1F2
Shades
- 016B73
- 015A61
- 004A50
- 003B40
- 002C30
- 001E21
- 001113
- 000506
- 000101
Tones
- 237D85
- 347D84
- 417E84
- 4C7E83
- 567F83
- 5F7F82
- 687F82
- 708081
- 788081
Color harmonies
Complementary +180°
- 017C85
Cote D’Azur
- 9B5753
≈ Walleye
Analogous -30° +30°
- 017C85
Cote D’Azur
- 227E69
≈ Green Fingers
- 2C759A
≈ Male Betta
Triadic +120° +240°
- 017C85
Cote D’Azur
- 875A8B
≈ Purple Fluorite
- 866826
≈ Hunting Jacket
Split-complementary +150° +210°
- 017C85
Cote D’Azur
- 965671
≈ Pink Tulip
- 965E37
≈ Toffee Crunch
Tetradic +90° +180° +270°
- 017C85
Cote D’Azur
- 70629D
≈ Scampi
- 9B5753
≈ Walleye
- 6D732F
≈ Olive Drab
Contrast & accessibility
Ag
AAOn white
WCAG 4.97:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.22:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--cote-d-azur: #017c85;
--cote-d-azur-rgb: 1 124 133;
--cote-d-azur-oklch: oklch(0.535 0.091 203.7);
}
.element {
color: var(--cote-d-azur);
background-color: hsl(184 99% 26%);
border-color: oklch(0.535 0.091 203.7);
}Tailwind CSS v4
@theme {
--color-cote-d-azur: #017c85;
--color-cote-d-azur-50: #d8fdff;
--color-cote-d-azur-100: #c6f1f7;
--color-cote-d-azur-200: #a7e0e7;
--color-cote-d-azur-300: #7ec5ce;
--color-cote-d-azur-400: #55aeb7;
--color-cote-d-azur-500: #1c97a1;
--color-cote-d-azur-600: #1d8088;
--color-cote-d-azur-700: #18676d;
--color-cote-d-azur-800: #0e4c50;
--color-cote-d-azur-900: #093437;
--color-cote-d-azur-950: #002022;
}SCSS
$cote-d-azur: #017c85;
$cote-d-azur-rgb: 1, 124, 133;
$cote-d-azur-light: mix(#fff, $cote-d-azur, 20%);
$cote-d-azur-dark: mix(#000, $cote-d-azur, 20%);
.element {
color: $cote-d-azur;
box-shadow: 0 0 0 2px rgba($cote-d-azur, 0.35);
}