Nazwany kolor · #C9CED3
Dawn’s Early Light
Dawn’s Early Light to #C9CED3: rgb(201 206 211), hsl(210 10% 81%), oklch(0.849 0.009 247.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dawn’s Early Light color name →
#C9CED3
oklch(0.849 0.009 247.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CED3D7
- D4D8DC
- D9DCE0
- DEE1E4
- E4E6E9
- E9EBED
- EFF0F2
- F4F5F6
- F9FAFB
Odcienie ciemniejsze
- AEB3B7
- 95989C
- 7C7F82
- 646669
- 4C4E51
- 36383A
- 222324
- 0F0F10
- 020202
Tony
- C1C6CA
- BABEC2
- B2B6B9
- ABAEB1
- A4A6A9
- 9C9EA0
- 959798
- 8E8F90
- 878788
Harmonie kolorów
Komplementarna +180°
- C9CED3
Dawn’s Early Light
- D1CCC7
≈ Orca White
Analogowa -30° +30°
- C9CED3
Dawn’s Early Light
- C7CFD1
≈ Lark Wing
- CCCDD3
≈ Ghostly Grey
Triada +120° +240°
- C9CED3
Dawn’s Early Light
- D3CBCC
≈ Eagle’s View
- CCCFC8
≈ Mexican Silver
Komplementarna rozszczepiona +150° +210°
- C9CED3
Dawn’s Early Light
- D3CCC9
≈ Individual White
- CFCDC7
≈ Mexican Silver
Tetrada +90° +180° +270°
- C9CED3
Dawn’s Early Light
- D1CBCF
≈ Columbo’s Coat
- D1CCC7
≈ Orca White
- C9CFCB
≈ Light French Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.25:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.25:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}