En yakın adlandırılmış renk · #DDF1F0
#DDF1F0
En yakın adlandırılmış renk: Bone-Chilling
#DDF1F0 (rgb(221 241 240), hsl(177 42% 91%), oklch(0.943 0.021 193.2)) en çok Bone-Chilling adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DDF1F0
oklch(0.943 0.021 193.2)
Renk dönüşümleri
- HEX
- #ddf1f0
- RGB
- rgb(221 241 240)
- HSL
- hsl(177 42% 91%)
- HWB
- hwb(177 87% 5%)
- OKLCH
- oklch(0.943 0.021 193.2)
- OKLab
- oklab(0.943 -0.021 -0.005)
- CIE Lab
- lab(93.64 -6.95 -1.89)
- LCH
- lch(93.64 7.2 195.2)
- CMYK
- cmyk(8% 0% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0F2F1
- E4F4F3
- E7F5F4
- EBF7F6
- EEF8F7
- F1F9F9
- F5FBFA
- F8FCFC
- FCFEFD
Koyu tonlar
- C0D2D1
- A4B3B2
- 889595
- 6E7978
- 555D5D
- 3D4343
- 262B2A
- 111414
- 020303
Gri tonlar
- D3E5E4
- CAD9D9
- C0CECD
- B7C2C2
- ADB7B6
- A4ACAB
- 9BA1A0
- 929695
- 898B8B
Renk uyumları
Tamamlayıcı +180°
- DDF1F0
Bone-Chilling
- FAE7E8
≈ Unburdened Pink
Analog -30° +30°
- DDF1F0
Bone-Chilling
- E0F1E8
≈ Snow Ballet
- DEF0F7
≈ Diamond White
Üçlü +120° +240°
- DDF1F0
Bone-Chilling
- F1E8F7
≈ Perfume Haze
- F5EADD
≈ Baseball Base
Bölünmüş tamamlayıcı +150° +210°
- DDF1F0
Bone-Chilling
- F7E7F0
≈ Cherry Pearl
- F9E8E1
≈ Wisp Pink
Dörtlü +90° +180° +270°
- DDF1F0
Bone-Chilling
- EAEBFA
≈ Bright Dusk
- FAE7E8
≈ Unburdened Pink
- EEEDDD
≈ Coconut Aroma
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.91:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.91:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--bone-chilling: #ddf1f0;
--bone-chilling-rgb: 221 241 240;
--bone-chilling-oklch: oklch(0.943 0.021 193.2);
}
.element {
color: var(--bone-chilling);
background-color: hsl(177 42% 91%);
border-color: oklch(0.943 0.021 193.2);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #ddf1f0;
--color-bone-chilling-50: #eff7f7;
--color-bone-chilling-100: #e0eaea;
--color-bone-chilling-200: #cbd7d7;
--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: #ddf1f0;
$bone-chilling-rgb: 221, 241, 240;
$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);
}