Colore con nome · #C7C9D8
Daybreak Beckons
Daybreak Beckons è #C7C9D8: rgb(199 201 216), hsl(233 18% 81%), oklch(0.839 0.021 279.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Daybreak Beckons color name →
#C7C9D8
oklch(0.839 0.021 279.9)
Conversioni di colore
- HEX
- #c7c9d8
- RGB
- rgb(199 201 216)
- HSL
- hsl(233 18% 81%)
- HWB
- hwb(233 78% 15%)
- OKLCH
- oklch(0.839 0.021 279.9)
- OKLab
- oklab(0.839 0.004 -0.021)
- CIE Lab
- lab(81.15 1.43 -7.74)
- LCH
- lch(81.15 7.87 280.5)
- CMYK
- cmyk(8% 7% 0% 15%)
Tinte · Ombre · Toni
Tinte
- CCCEDC
- D2D4E0
- D8D9E4
- DDDEE8
- E3E4EB
- E8E9EF
- EEEFF3
- F4F4F7
- F9FAFB
Ombre
- ADAEBC
- 9395A0
- 7A7C85
- 62646B
- 4C4C53
- 36363B
- 212225
- 0E0F11
- 020202
Toni
- C0C1CF
- B8BAC6
- B1B2BD
- AAABB4
- A3A4AB
- 9C9CA2
- 95959A
- 8E8E91
- 878788
Armonie di colore
Complementare +180°
- C7C9D8
Daybreak Beckons
- CDCBBC
≈ Metallic Mist
Analogo -30° +30°
- C7C9D8
Daybreak Beckons
- C0CCD8
≈ Siberian Ice
- CEC7D5
≈ Amethyst Tint
Triadico +120° +240°
- C7C9D8
Daybreak Beckons
- D7C6C0
≈ Ancestral Haze
- BFCFC5
≈ Azul Tequila
Complementare divisa +150° +210°
- C7C9D8
Daybreak Beckons
- D3C8BC
≈ Realist Beige
- C6CDBF
≈ Gentle Calm
Tetradico +90° +180° +270°
- C7C9D8
Daybreak Beckons
- D7C5C7
≈ Victorian Cottage
- CDCBBC
≈ Metallic Mist
- BCCFCD
≈ Babbling Brook
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.77:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--daybreak-beckons: #c7c9d8;
--daybreak-beckons-rgb: 199 201 216;
--daybreak-beckons-oklch: oklch(0.839 0.021 279.9);
}
.element {
color: var(--daybreak-beckons);
background-color: hsl(233 18% 81%);
border-color: oklch(0.839 0.021 279.9);
}Tailwind CSS v4
@theme {
--color-daybreak-beckons: #c7c9d8;
--color-daybreak-beckons-50: #f4f4fb;
--color-daybreak-beckons-100: #e6e7ef;
--color-daybreak-beckons-200: #d2d3dd;
--color-daybreak-beckons-300: #b5b6c2;
--color-daybreak-beckons-400: #9c9dab;
--color-daybreak-beckons-500: #838594;
--color-daybreak-beckons-600: #6f717d;
--color-daybreak-beckons-700: #595a64;
--color-daybreak-beckons-800: #40424a;
--color-daybreak-beckons-900: #2c2d33;
--color-daybreak-beckons-950: #191a1f;
}SCSS
$daybreak-beckons: #c7c9d8;
$daybreak-beckons-rgb: 199, 201, 216;
$daybreak-beckons-light: mix(#fff, $daybreak-beckons, 20%);
$daybreak-beckons-dark: mix(#000, $daybreak-beckons, 20%);
.element {
color: $daybreak-beckons;
box-shadow: 0 0 0 2px rgba($daybreak-beckons, 0.35);
}