Dichtstbijzijnde benoemde kleur · #9ED6FF
#9ED6FF
Dichtstbijzijnde benoemde kleur: Droplet
#9ED6FF (rgb(158 214 255), hsl(205 100% 81%), oklch(0.852 0.081 240.6)) komt het dichtst bij de benoemde kleur Droplet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9ED6FF
oklch(0.852 0.081 240.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- A8DAFF
- B2DEFF
- BCE3FF
- C6E7FF
- CFEBFF
- D9EFFF
- E2F3FF
- ECF7FF
- F6FBFF
Schaduwen
- 89BADE
- 749EBE
- 60849E
- 4D6A80
- 3A5263
- 293B48
- 18252E
- 091016
- 010203
Tonen
- 9BCDF2
- 99C4E5
- 96BCD8
- 93B3CB
- 90AABE
- 8DA2B1
- 8A99A5
- 879198
- 83888C
Kleurharmonieën
Complementair +180°
- 9ED6FF
Droplet
- F6C398
≈ Cream Blush
Analoog -30° +30°
- 9ED6FF
Droplet
- 8DDDEC
≈ Photon Barrier
- BCCDFF
≈ Light Periwinkle
Triadisch +120° +240°
- 9ED6FF
Droplet
- FCB9CB
≈ Tentacle Pink
- C6D79B
≈ Pistachio Cream
Gesplitst complementair +150° +210°
- 9ED6FF
Droplet
- FFBBAF
≈ Petula
- E2CD91
≈ Bongo Skin
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.51:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
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);
}