Named color · #9AD4D8
Dulcet
Dulcet is #9AD4D8: rgb(154 212 216), hsl(184 44% 73%), oklch(0.832 0.06 201.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Dulcet color name →
#9AD4D8
oklch(0.832 0.06 201.4)
Color conversions
- HEX
- #9ad4d8
- RGB
- rgb(154 212 216)
- HSL
- hsl(184 44% 73%)
- HWB
- hwb(184 60% 15%)
- OKLCH
- oklch(0.832 0.06 201.4)
- OKLab
- oklab(0.832 -0.055 -0.022)
- CIE Lab
- lab(81.04 -18.56 -8.32)
- LCH
- lch(81.04 20.34 204.1)
- CMYK
- cmyk(29% 2% 0% 15%)
Tints · Shades · Tones
Tints
- A5D8DC
- AFDDE0
- B9E1E4
- C3E5E8
- CDEAEB
- D7EEEF
- E1F2F3
- EBF6F7
- F5FBFB
Shades
- 85B8BC
- 719DA0
- 5E8385
- 4B696B
- 395153
- 273A3B
- 172425
- 091011
- 010202
Tones
- 98CBCF
- 96C3C6
- 93BABD
- 91B2B4
- 8EA9AB
- 8CA1A2
- 89999A
- 869091
- 838888
Color harmonies
Complementary +180°
- 9AD4D8
Dulcet
- ECB9B7
≈ Magnolia Pink
Analogous -30° +30°
- 9AD4D8
Dulcet
- A1D5C3
≈ Southern Belle
- A1D0E8
≈ Chefchaouen Blue
Triadic +120° +240°
- 9AD4D8
Dulcet
- DABCE0
≈ Romantic Morning
- DCC59C
≈ True Blonde
Split-complementary +150° +210°
- 9AD4D8
Dulcet
- E7B9CC
≈ Pink Mist
- E8BEA5
≈ Biscuit Beige
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.64:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.78:1 · APCA Lc 74
Best text color: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--dulcet: #9ad4d8;
--dulcet-rgb: 154 212 216;
--dulcet-oklch: oklch(0.832 0.06 201.4);
}
.element {
color: var(--dulcet);
background-color: hsl(184 44% 73%);
border-color: oklch(0.832 0.06 201.4);
}Tailwind CSS v4
@theme {
--color-dulcet: #9ad4d8;
--color-dulcet-50: #e2fbfd;
--color-dulcet-100: #d2eef1;
--color-dulcet-200: #b8dce0;
--color-dulcet-300: #94c1c5;
--color-dulcet-400: #74a9ad;
--color-dulcet-500: #539297;
--color-dulcet-600: #477c7f;
--color-dulcet-700: #386366;
--color-dulcet-800: #28494a;
--color-dulcet-900: #1b3234;
--color-dulcet-950: #0b1e1f;
}SCSS
$dulcet: #9ad4d8;
$dulcet-rgb: 154, 212, 216;
$dulcet-light: mix(#fff, $dulcet, 20%);
$dulcet-dark: mix(#000, $dulcet, 20%);
.element {
color: $dulcet;
box-shadow: 0 0 0 2px rgba($dulcet, 0.35);
}