Dichtstbijzijnde benoemde kleur · #D2F8FF
#D2F8FF
Dichtstbijzijnde benoemde kleur: Vaporised
#D2F8FF (rgb(210 248 255), hsl(189 100% 91%), oklch(0.954 0.04 210)) komt het dichtst bij de benoemde kleur Vaporised. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D2F8FF
oklch(0.954 0.04 210)
Kleurconversies
- HEX
- #d2f8ff
- RGB
- rgb(210 248 255)
- HSL
- hsl(189 100% 91%)
- HWB
- hwb(189 82% 0%)
- OKLCH
- oklch(0.954 0.04 210)
- OKLab
- oklab(0.954 -0.035 -0.02)
- CIE Lab
- lab(95.03 -11.59 -7.68)
- LCH
- lch(95.03 13.91 213.5)
- CMYK
- cmyk(18% 3% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- D7F9FF
- DBF9FF
- E0FAFF
- E4FBFF
- E9FCFF
- EDFCFF
- F2FDFF
- F6FEFF
- FBFEFF
Schaduwen
- B6D8DE
- 9BB8BE
- 819A9E
- 687C80
- 506063
- 394548
- 242C2E
- 101516
- 020303
Tonen
- CAEBF2
- C1DFE4
- B9D3D7
- B1C6CA
- A9BABE
- A0AEB1
- 98A3A4
- 909798
- 888B8C
Kleurharmonieën
Complementair +180°
- D2F8FF
Vaporised
- FFEBE7
≈ Rose Frost
Analoog -30° +30°
- D2F8FF
Vaporised
- D4F9F1
≈ Mid Spring Morning
- E2F3FF
≈ Wizard White
Triadisch +120° +240°
- D2F8FF
Vaporised
- FFE8FC
≈ Fairy Bubblegum Cloud
- FAEFD2
≈ Andover Cream
Gesplitst complementair +150° +210°
- D2F8FF
Vaporised
- FFEAEF
≈ Rose Mochi
- FFECDD
≈ Flowerbed
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.61:1 · APCA Lc 99
Beste tekstkleur: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--vaporised: #d2f8ff;
--vaporised-rgb: 210 248 255;
--vaporised-oklch: oklch(0.954 0.04 210);
}
.element {
color: var(--vaporised);
background-color: hsl(189 100% 91%);
border-color: oklch(0.954 0.04 210);
}Tailwind CSS v4
@theme {
--color-vaporised: #d2f8ff;
--color-vaporised-50: #e9f8fc;
--color-vaporised-100: #d9ecf0;
--color-vaporised-200: #c2d9de;
--color-vaporised-300: #a1bdc3;
--color-vaporised-400: #83a5ac;
--color-vaporised-500: #678e95;
--color-vaporised-600: #57787e;
--color-vaporised-700: #466065;
--color-vaporised-800: #32464a;
--color-vaporised-900: #223133;
--color-vaporised-950: #111d1f;
}SCSS
$vaporised: #d2f8ff;
$vaporised-rgb: 210, 248, 255;
$vaporised-light: mix(#fff, $vaporised, 20%);
$vaporised-dark: mix(#000, $vaporised, 20%);
.element {
color: $vaporised;
box-shadow: 0 0 0 2px rgba($vaporised, 0.35);
}