Nächste benannte Farbe · #DCF0EF
#DCF0EF
Nächste benannte Farbe: Bone-Chilling
#DCF0EF (rgb(220 240 239), hsl(177 40% 90%), oklch(0.94 0.021 193.2)) liegt am nächsten an der benannten Farbe Bone-Chilling. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DCF0EF
oklch(0.94 0.021 193.2)
Farbumrechnungen
- HEX
- #dcf0ef
- RGB
- rgb(220 240 239)
- HSL
- hsl(177 40% 90%)
- HWB
- hwb(177 86% 6%)
- OKLCH
- oklch(0.94 0.021 193.2)
- OKLab
- oklab(0.94 -0.021 -0.005)
- CIE Lab
- lab(93.29 -6.95 -1.89)
- LCH
- lch(93.29 7.2 195.2)
- CMYK
- cmyk(8% 0% 0% 6%)
Tints · Shades · Tones
Tints
- E0F2F1
- E3F3F2
- E7F5F4
- EAF6F5
- EEF8F7
- F1F9F9
- F5FBFA
- F8FCFC
- FCFEFD
Shades
- BFD1D0
- A3B2B1
- 889594
- 6E7878
- 545D5C
- 3C4342
- 262A2A
- 111414
- 020303
Tones
- D2E4E3
- C9D9D8
- C0CDCC
- B6C2C1
- ADB6B6
- A4ABAB
- 9BA0A0
- 929595
- 898B8B
Farbharmonien
Komplementär +180°
- DCF0EF
Bone-Chilling
- F9E6E7
≈ Rose Sugar
Analog -30° +30°
- DCF0EF
Bone-Chilling
- DFF0E7
≈ Snow Ballet
- DDEFF6
≈ Diamond White
Triadisch +120° +240°
- DCF0EF
Bone-Chilling
- F0E7F6
≈ Holographic Lavender
- F4E9DC
≈ Baseball Base
Geteilt komplementär +150° +210°
- DCF0EF
Bone-Chilling
- F6E6EF
≈ Amour Frais
- F8E7E0
≈ My Sweetheart
Tetradisch +90° +180° +270°
- DCF0EF
Bone-Chilling
- E9EAF9
≈ Icy Lilac
- F9E6E7
≈ Rose Sugar
- EDECDC
≈ Amazon Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.75:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--bone-chilling: #dcf0ef;
--bone-chilling-rgb: 220 240 239;
--bone-chilling-oklch: oklch(0.94 0.021 193.2);
}
.element {
color: var(--bone-chilling);
background-color: hsl(177 40% 90%);
border-color: oklch(0.94 0.021 193.2);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #dcf0ef;
--color-bone-chilling-50: #eff7f7;
--color-bone-chilling-100: #e0eaea;
--color-bone-chilling-200: #cad7d7;
--color-bone-chilling-300: #acbbbb;
--color-bone-chilling-400: #91a3a2;
--color-bone-chilling-500: #778b8a;
--color-bone-chilling-600: #657575;
--color-bone-chilling-700: #505e5d;
--color-bone-chilling-800: #3a4544;
--color-bone-chilling-900: #28302f;
--color-bone-chilling-950: #161c1c;
}SCSS
$bone-chilling: #dcf0ef;
$bone-chilling-rgb: 220, 240, 239;
$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);
}