Adlandırılmış renk · #C9CED3
Dawn’s Early Light
Dawn’s Early Light, #C9CED3: rgb(201 206 211), hsl(210 10% 81%), oklch(0.849 0.009 247.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dawn’s Early Light color name →
#C9CED3
oklch(0.849 0.009 247.9)
Renk dönüşümleri
- HEX
- #c9ced3
- RGB
- rgb(201 206 211)
- HSL
- hsl(210 10% 81%)
- HWB
- hwb(210 79% 17%)
- OKLCH
- oklch(0.849 0.009 247.9)
- OKLab
- oklab(0.849 -0.003 -0.008)
- CIE Lab
- lab(82.48 -1.07 -3.12)
- LCH
- lch(82.48 3.3 251.1)
- CMYK
- cmyk(5% 2% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CED3D7
- D4D8DC
- D9DCE0
- DEE1E4
- E4E6E9
- E9EBED
- EFF0F2
- F4F5F6
- F9FAFB
Koyu tonlar
- AEB3B7
- 95989C
- 7C7F82
- 646669
- 4C4E51
- 36383A
- 222324
- 0F0F10
- 020202
Gri tonlar
- C1C6CA
- BABEC2
- B2B6B9
- ABAEB1
- A4A6A9
- 9C9EA0
- 959798
- 8E8F90
- 878788
Renk uyumları
Tamamlayıcı +180°
- C9CED3
Dawn’s Early Light
- D1CCC7
≈ Orca White
Analog -30° +30°
- C9CED3
Dawn’s Early Light
- C7CFD1
≈ Lark Wing
- CCCDD3
≈ Ghostly Grey
Üçlü +120° +240°
- C9CED3
Dawn’s Early Light
- D3CBCC
≈ Eagle’s View
- CCCFC8
≈ Mexican Silver
Bölünmüş tamamlayıcı +150° +210°
- C9CED3
Dawn’s Early Light
- D3CCC9
≈ Individual White
- CFCDC7
≈ Mexican Silver
Dörtlü +90° +180° +270°
- C9CED3
Dawn’s Early Light
- D1CBCF
≈ Columbo’s Coat
- D1CCC7
≈ Orca White
- C9CFCB
≈ Light French Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.25:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.25:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--dawn-s-early-light: #c9ced3;
--dawn-s-early-light-rgb: 201 206 211;
--dawn-s-early-light-oklch: oklch(0.849 0.009 247.9);
}
.element {
color: var(--dawn-s-early-light);
background-color: hsl(210 10% 81%);
border-color: oklch(0.849 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-dawn-s-early-light: #c9ced3;
--color-dawn-s-early-light-50: #f3f5f8;
--color-dawn-s-early-light-100: #e6e8eb;
--color-dawn-s-early-light-200: #d1d4d8;
--color-dawn-s-early-light-300: #b4b8bc;
--color-dawn-s-early-light-400: #9a9fa3;
--color-dawn-s-early-light-500: #82878c;
--color-dawn-s-early-light-600: #6e7276;
--color-dawn-s-early-light-700: #585b5f;
--color-dawn-s-early-light-800: #404345;
--color-dawn-s-early-light-900: #2c2e30;
--color-dawn-s-early-light-950: #191b1c;
}SCSS
$dawn-s-early-light: #c9ced3;
$dawn-s-early-light-rgb: 201, 206, 211;
$dawn-s-early-light-light: mix(#fff, $dawn-s-early-light, 20%);
$dawn-s-early-light-dark: mix(#000, $dawn-s-early-light, 20%);
.element {
color: $dawn-s-early-light;
box-shadow: 0 0 0 2px rgba($dawn-s-early-light, 0.35);
}