Benoemde kleur · #D4DEE8
Burj Khalifa Fountain
Burj Khalifa Fountain is #D4DEE8: rgb(212 222 232), hsl(210 30% 87%), oklch(0.896 0.017 248). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Burj Khalifa Fountain color name →
#D4DEE8
oklch(0.896 0.017 248)
Kleurconversies
- HEX
- #d4dee8
- RGB
- rgb(212 222 232)
- HSL
- hsl(210 30% 87%)
- HWB
- hwb(210 83% 9%)
- OKLCH
- oklch(0.896 0.017 248)
- OKLab
- oklab(0.896 -0.007 -0.016)
- CIE Lab
- lab(87.92 -2.05 -6.13)
- LCH
- lch(87.92 6.47 251.5)
- CMYK
- cmyk(9% 4% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- D8E1EA
- DDE5ED
- E1E8EF
- E5EBF1
- E9EEF3
- EEF2F6
- F2F5F8
- F6F8FA
- FBFCFD
Schaduwen
- B8C1CA
- 9DA5AC
- 838990
- 696F74
- 515559
- 3A3D40
- 242629
- 101213
- 020203
Tonen
- CBD4DD
- C3CAD2
- BAC1C8
- B2B7BD
- A9AEB3
- A1A4A8
- 989B9E
- 909294
- 88898A
Kleurharmonieën
Complementair +180°
- D4DEE8
Burj Khalifa Fountain
- E5DBD1
≈ Light Male
Analoog -30° +30°
- D4DEE8
Burj Khalifa Fountain
- D1E0E4
≈ Cool Sky
- DADCE9
≈ Sweet Harbour
Triadisch +120° +240°
- D4DEE8
Burj Khalifa Fountain
- E8D8DA
≈ Diminished Red
- D9DFD3
≈ Sage Tint
Gesplitst complementair +150° +210°
- D4DEE8
Burj Khalifa Fountain
- E8D9D4
≈ Light Lip Gloss
- DFDDD0
≈ Bleached Beige
Tetradisch +90° +180° +270°
- D4DEE8
Burj Khalifa Fountain
- E5D8E1
≈ Wine Frost
- E5DBD1
≈ Light Male
- D4E0D8
≈ Dewy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.41:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--burj-khalifa-fountain: #d4dee8;
--burj-khalifa-fountain-rgb: 212 222 232;
--burj-khalifa-fountain-oklch: oklch(0.896 0.017 248);
}
.element {
color: var(--burj-khalifa-fountain);
background-color: hsl(210 30% 87%);
border-color: oklch(0.896 0.017 248);
}Tailwind CSS v4
@theme {
--color-burj-khalifa-fountain: #d4dee8;
--color-burj-khalifa-fountain-50: #f1f6fa;
--color-burj-khalifa-fountain-100: #e4e8ee;
--color-burj-khalifa-fountain-200: #cfd5dc;
--color-burj-khalifa-fountain-300: #b1b8c0;
--color-burj-khalifa-fountain-400: #97a0a8;
--color-burj-khalifa-fountain-500: #7d8791;
--color-burj-khalifa-fountain-600: #6a737b;
--color-burj-khalifa-fountain-700: #555c62;
--color-burj-khalifa-fountain-800: #3e4348;
--color-burj-khalifa-fountain-900: #2a2e32;
--color-burj-khalifa-fountain-950: #181b1e;
}SCSS
$burj-khalifa-fountain: #d4dee8;
$burj-khalifa-fountain-rgb: 212, 222, 232;
$burj-khalifa-fountain-light: mix(#fff, $burj-khalifa-fountain, 20%);
$burj-khalifa-fountain-dark: mix(#000, $burj-khalifa-fountain, 20%);
.element {
color: $burj-khalifa-fountain;
box-shadow: 0 0 0 2px rgba($burj-khalifa-fountain, 0.35);
}