Nearest named color · #9ED6FF
#9ED6FF
Nearest named color: Droplet
#9ED6FF (rgb(158 214 255), hsl(205 100% 81%), oklch(0.852 0.081 240.6)) is closest to the named color Droplet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9ED6FF
oklch(0.852 0.081 240.6)
Color conversions
- HEX
- #9ed6ff
- RGB
- rgb(158 214 255)
- HSL
- hsl(205 100% 81%)
- HWB
- hwb(205 62% 0%)
- OKLCH
- oklch(0.852 0.081 240.6)
- OKLab
- oklab(0.852 -0.04 -0.071)
- CIE Lab
- lab(82.85 -11.12 -26.21)
- LCH
- lch(82.85 28.47 247)
- CMYK
- cmyk(38% 16% 0% 0%)
Tints · Shades · Tones
Tints
- A8DAFF
- B2DEFF
- BCE3FF
- C6E7FF
- CFEBFF
- D9EFFF
- E2F3FF
- ECF7FF
- F6FBFF
Shades
- 89BADE
- 749EBE
- 60849E
- 4D6A80
- 3A5263
- 293B48
- 18252E
- 091016
- 010203
Tones
- 9BCDF2
- 99C4E5
- 96BCD8
- 93B3CB
- 90AABE
- 8DA2B1
- 8A99A5
- 879198
- 83888C
Color harmonies
Complementary +180°
- 9ED6FF
Droplet
- F6C398
≈ Cream Blush
Analogous -30° +30°
- 9ED6FF
Droplet
- 8DDDEC
≈ Photon Barrier
- BCCDFF
≈ Light Periwinkle
Triadic +120° +240°
- 9ED6FF
Droplet
- FCB9CB
≈ Tentacle Pink
- C6D79B
≈ Pistachio Cream
Split-complementary +150° +210°
- 9ED6FF
Droplet
- FFBBAF
≈ Petula
- E2CD91
≈ Bongo Skin
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.51:1 · APCA Lc 78
Best text color: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--droplet: #9ed6ff;
--droplet-rgb: 158 214 255;
--droplet-oklch: oklch(0.852 0.081 240.6);
}
.element {
color: var(--droplet);
background-color: hsl(205 100% 81%);
border-color: oklch(0.852 0.081 240.6);
}Tailwind CSS v4
@theme {
--color-droplet: #9ed6ff;
--color-droplet-50: #e2f9ff;
--color-droplet-100: #d1ecff;
--color-droplet-200: #b7d9f5;
--color-droplet-300: #93bdde;
--color-droplet-400: #72a5ca;
--color-droplet-500: #518db7;
--color-droplet-600: #45779b;
--color-droplet-700: #37607c;
--color-droplet-800: #26465b;
--color-droplet-900: #193140;
--color-droplet-950: #091d29;
}SCSS
$droplet: #9ed6ff;
$droplet-rgb: 158, 214, 255;
$droplet-light: mix(#fff, $droplet, 20%);
$droplet-dark: mix(#000, $droplet, 20%);
.element {
color: $droplet;
box-shadow: 0 0 0 2px rgba($droplet, 0.35);
}