En yakın adlandırılmış renk · #DCE5EC
#DCE5EC
En yakın adlandırılmış renk: White Frost
#DCE5EC (rgb(220 229 236), hsl(206 30% 89%), oklch(0.917 0.014 241)) en çok White Frost 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.
#DCE5EC
oklch(0.917 0.014 241)
Renk dönüşümleri
- HEX
- #dce5ec
- RGB
- rgb(220 229 236)
- HSL
- hsl(206 30% 89%)
- HWB
- hwb(206 86% 7%)
- OKLCH
- oklch(0.917 0.014 241)
- OKLab
- oklab(0.917 -0.007 -0.012)
- CIE Lab
- lab(90.4 -2.14 -4.52)
- LCH
- lch(90.4 5 244.7)
- CMYK
- cmyk(7% 3% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE8EE
- E3EAF0
- E6EDF2
- EAEFF4
- EDF2F5
- F1F5F7
- F4F7F9
- F8FAFB
- FBFCFD
Koyu tonlar
- BFC7CD
- A3AAAF
- 888E92
- 6E7276
- 54585B
- 3C3F42
- 262829
- 111213
- 020303
Gri tonlar
- D2DAE1
- C9D0D5
- BFC6CA
- B6BBBF
- ADB1B5
- A4A7AA
- 9B9D9F
- 929395
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DCE5EC
White Frost
- EBE2DB
≈ Newmarket Sausage
Analog -30° +30°
- DCE5EC
White Frost
- DAE6E9
≈ Airy
- E0E3ED
≈ Iris Ice
Üçlü +120° +240°
- DCE5EC
White Frost
- ECE0E3
≈ Barely Rose
- E2E5DB
≈ Water Droplet
Bölünmüş tamamlayıcı +150° +210°
- DCE5EC
White Frost
- EDE1DE
≈ Patient White
- E7E3DA
≈ Foggy Day
Dörtlü +90° +180° +270°
- DCE5EC
White Frost
- E9E0E8
≈ Tiara Jewel
- EBE2DB
≈ Newmarket Sausage
- DDE6DF
≈ Porcelain Mint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.46:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-frost: #dce5ec;
--white-frost-rgb: 220 229 236;
--white-frost-oklch: oklch(0.917 0.014 241);
}
.element {
color: var(--white-frost);
background-color: hsl(206 30% 89%);
border-color: oklch(0.917 0.014 241);
}Tailwind CSS v4
@theme {
--color-white-frost: #dce5ec;
--color-white-frost-50: #f2f6f9;
--color-white-frost-100: #e4e8ec;
--color-white-frost-200: #cfd5da;
--color-white-frost-300: #b2b8be;
--color-white-frost-400: #98a0a6;
--color-white-frost-500: #7f888f;
--color-white-frost-600: #6b7379;
--color-white-frost-700: #565c60;
--color-white-frost-800: #3e4347;
--color-white-frost-900: #2b2e31;
--color-white-frost-950: #181b1d;
}SCSS
$white-frost: #dce5ec;
$white-frost-rgb: 220, 229, 236;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}