Adlandırılmış renk · #DCE7E5
Starburst
Starburst, #DCE7E5: rgb(220 231 229), hsl(169 19% 88%), oklch(0.919 0.012 184.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Starburst color name →
#DCE7E5
oklch(0.919 0.012 184.1)
Renk dönüşümleri
- HEX
- #dce7e5
- RGB
- rgb(220 231 229)
- HSL
- hsl(169 19% 88%)
- HWB
- hwb(169 86% 9%)
- OKLCH
- oklch(0.919 0.012 184.1)
- OKLab
- oklab(0.919 -0.012 -0.001)
- CIE Lab
- lab(90.76 -4.07 -0.36)
- LCH
- lch(90.76 4.09 185.1)
- CMYK
- cmyk(5% 0% 1% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE9E8
- E3ECEA
- E6EEED
- EAF1EF
- EDF3F2
- F1F5F5
- F4F8F7
- F8FAFA
- FBFDFC
Koyu tonlar
- BFC9C7
- A3ABAA
- 888F8E
- 6E7372
- 545958
- 3C403F
- 262828
- 111312
- 020303
Gri tonlar
- D2DCDA
- C9D2D0
- BFC7C6
- B6BCBB
- ADB2B1
- A4A8A7
- 9B9E9D
- 929493
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DCE7E5
Starburst
- ECE1E3
≈ Barely Rose
Analog -30° +30°
- DCE7E5
Starburst
- DEE7E1
≈ Pirate Coast
- DCE6E9
≈ Airy
Üçlü +120° +240°
- DCE7E5
Starburst
- E6E2EB
≈ Soft Iris
- EAE3DC
≈ Fuzzy Unicorn
Bölünmüş tamamlayıcı +150° +210°
- DCE7E5
Starburst
- EAE1E8
≈ Violet Vogue
- ECE2DF
≈ Patient White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.60:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--starburst: #dce7e5;
--starburst-rgb: 220 231 229;
--starburst-oklch: oklch(0.919 0.012 184.1);
}
.element {
color: var(--starburst);
background-color: hsl(169 19% 88%);
border-color: oklch(0.919 0.012 184.1);
}Tailwind CSS v4
@theme {
--color-starburst: #dce7e5;
--color-starburst-50: #f1f6f5;
--color-starburst-100: #e4e9e8;
--color-starburst-200: #cfd6d5;
--color-starburst-300: #b1b9b8;
--color-starburst-400: #97a19f;
--color-starburst-500: #7e8987;
--color-starburst-600: #6b7472;
--color-starburst-700: #555d5b;
--color-starburst-800: #3e4443;
--color-starburst-900: #2b2f2e;
--color-starburst-950: #181b1b;
}SCSS
$starburst: #dce7e5;
$starburst-rgb: 220, 231, 229;
$starburst-light: mix(#fff, $starburst, 20%);
$starburst-dark: mix(#000, $starburst, 20%);
.element {
color: $starburst;
box-shadow: 0 0 0 2px rgba($starburst, 0.35);
}