Dichtstbijzijnde benoemde kleur · #DBF1E3
#DBF1E3
Dichtstbijzijnde benoemde kleur: Frozen Civilization
#DBF1E3 (rgb(219 241 227), hsl(142 44% 90%), oklch(0.938 0.03 157.9)) komt het dichtst bij de benoemde kleur Frozen Civilization. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DBF1E3
oklch(0.938 0.03 157.9)
Kleurconversies
- HEX
- #dbf1e3
- RGB
- rgb(219 241 227)
- HSL
- hsl(142 44% 90%)
- HWB
- hwb(142 86% 5%)
- OKLCH
- oklch(0.938 0.03 157.9)
- OKLab
- oklab(0.938 -0.028 0.011)
- CIE Lab
- lab(93.22 -9.42 4.19)
- LCH
- lch(93.22 10.31 156)
- CMYK
- cmyk(9% 0% 6% 5%)
Tinten · Schaduwen · Tonen
Tinten
- DFF2E6
- E2F4E9
- E6F5EB
- E9F7EE
- EDF8F1
- F1F9F4
- F4FBF7
- F8FCF9
- FBFEFC
Schaduwen
- BED2C5
- A2B3A8
- 87958C
- 6D7971
- 545D57
- 3C433F
- 262B27
- 111412
- 020303
Tonen
- D2E5D9
- C8D9CE
- BFCEC4
- B6C2BA
- ADB7B0
- A3ACA6
- 9AA19D
- 929693
- 898B89
Kleurharmonieën
Complementair +180°
- DBF1E3
Frozen Civilization
- F9E3F2
≈ Petal Poise
Analoog -30° +30°
- DBF1E3
Frozen Civilization
- E5EFDA
≈ Maison Verte
- D5F1EE
≈ Icy Wind
Triadisch +120° +240°
- DBF1E3
Frozen Civilization
- E5E9FF
≈ Glitter
- FDE4DD
≈ Lady Anne
Gesplitst complementair +150° +210°
- DBF1E3
Frozen Civilization
- F0E6FA
≈ Holographic Lavender
- FEE3E7
≈ Hepatica
Tetradisch +90° +180° +270°
- DBF1E3
Frozen Civilization
- DCEDFE
≈ Calcareous Sinter
- F9E3F2
≈ Petal Poise
- F8E7D6
≈ Tender
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.70:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--frozen-civilization: #dbf1e3;
--frozen-civilization-rgb: 219 241 227;
--frozen-civilization-oklch: oklch(0.938 0.03 157.9);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(142 44% 90%);
border-color: oklch(0.938 0.03 157.9);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #dbf1e3;
--color-frozen-civilization-50: #eef8f2;
--color-frozen-civilization-100: #e0ebe4;
--color-frozen-civilization-200: #cad8d0;
--color-frozen-civilization-300: #abbcb2;
--color-frozen-civilization-400: #91a498;
--color-frozen-civilization-500: #768c7f;
--color-frozen-civilization-600: #64776b;
--color-frozen-civilization-700: #505f56;
--color-frozen-civilization-800: #3a463e;
--color-frozen-civilization-900: #28302b;
--color-frozen-civilization-950: #161c18;
}SCSS
$frozen-civilization: #dbf1e3;
$frozen-civilization-rgb: 219, 241, 227;
$frozen-civilization-light: mix(#fff, $frozen-civilization, 20%);
$frozen-civilization-dark: mix(#000, $frozen-civilization, 20%);
.element {
color: $frozen-civilization;
box-shadow: 0 0 0 2px rgba($frozen-civilization, 0.35);
}