Dichtstbijzijnde benoemde kleur · #DCEFEE
#DCEFEE
Dichtstbijzijnde benoemde kleur: Bone-Chilling
#DCEFEE (rgb(220 239 238), hsl(177 37% 90%), oklch(0.938 0.02 193)) komt het dichtst bij de benoemde kleur Bone-Chilling. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DCEFEE
oklch(0.938 0.02 193)
Kleurconversies
- HEX
- #dcefee
- RGB
- rgb(220 239 238)
- HSL
- hsl(177 37% 90%)
- HWB
- hwb(177 86% 6%)
- OKLCH
- oklch(0.938 0.02 193)
- OKLab
- oklab(0.938 -0.02 -0.005)
- CIE Lab
- lab(93.01 -6.62 -1.78)
- LCH
- lch(93.01 6.86 195)
- CMYK
- cmyk(8% 0% 0% 6%)
Tinten · Schaduwen · Tonen
Tinten
- E0F1F0
- E3F2F1
- E7F4F3
- EAF5F5
- EEF7F6
- F1F9F8
- F5FAFA
- F8FCFC
- FCFDFD
Schaduwen
- BFD0CF
- A3B1B1
- 889493
- 6E7877
- 545C5C
- 3C4242
- 262A2A
- 111414
- 020303
Tonen
- D2E3E2
- C9D8D7
- C0CCCC
- B6C1C1
- ADB6B5
- A4ABAA
- 9BA0A0
- 929595
- 898B8A
Kleurharmonieën
Complementair +180°
- DCEFEE
Bone-Chilling
- F8E5E6
≈ Marshmallow Rose
Analoog -30° +30°
- DCEFEE
Bone-Chilling
- DFEFE7
≈ Morning Light Wave
- DDEEF4
≈ Ice Fishing
Triadisch +120° +240°
- DCEFEE
Bone-Chilling
- EFE7F4
≈ Tranquil Eve
- F3E9DC
≈ Lotus Petal
Gesplitst complementair +150° +210°
- DCEFEE
Bone-Chilling
- F5E5EE
≈ Nina
- F7E7E0
≈ Mandarin Sugar
Tetradisch +90° +180° +270°
- DCEFEE
Bone-Chilling
- E8E9F8
≈ Icy Lilac
- F8E5E6
≈ Marshmallow Rose
- EDEBDC
≈ Barely Pear
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.62:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.62:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--bone-chilling: #dcefee;
--bone-chilling-rgb: 220 239 238;
--bone-chilling-oklch: oklch(0.938 0.02 193);
}
.element {
color: var(--bone-chilling);
background-color: hsl(177 37% 90%);
border-color: oklch(0.938 0.02 193);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #dcefee;
--color-bone-chilling-50: #eff7f7;
--color-bone-chilling-100: #e1eaea;
--color-bone-chilling-200: #cbd7d7;
--color-bone-chilling-300: #acbbba;
--color-bone-chilling-400: #92a2a2;
--color-bone-chilling-500: #788b8a;
--color-bone-chilling-600: #657575;
--color-bone-chilling-700: #515e5d;
--color-bone-chilling-800: #3b4544;
--color-bone-chilling-900: #282f2f;
--color-bone-chilling-950: #161c1b;
}SCSS
$bone-chilling: #dcefee;
$bone-chilling-rgb: 220, 239, 238;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}