Cor nomeada · #CBE9C9
Frosty Dawn
Frosty Dawn é #CBE9C9: rgb(203 233 201), hsl(116 42% 85%), oklch(0.904 0.053 143.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Frosty Dawn color name →
#CBE9C9
oklch(0.904 0.053 143.4)
Conversões de cor
- HEX
- #cbe9c9
- RGB
- rgb(203 233 201)
- HSL
- hsl(116 42% 85%)
- HWB
- hwb(116 79% 9%)
- OKLCH
- oklch(0.904 0.053 143.4)
- OKLab
- oklab(0.904 -0.043 0.032)
- CIE Lab
- lab(89.51 -14.62 12.16)
- LCH
- lch(89.51 19.01 140.3)
- CMYK
- cmyk(13% 0% 14% 9%)
Tons claros · Sombras · Tons
Tons claros
- D0EBCE
- D5EDD4
- DBF0D9
- E0F2DF
- E5F4E4
- EAF6E9
- EFF8EF
- F5FBF4
- FAFDFA
Sombras
- B0CBAE
- 96AD95
- 7D907C
- 657464
- 4D5A4C
- 374136
- 222922
- 0F130F
- 020302
Tons
- C3DEC1
- BCD3BA
- B4C8B3
- ACBEAB
- A5B3A4
- 9DA99D
- 969E95
- 8F948E
- 878A87
Harmonias de cor
Complementar +180°
- CBE9C9
Frosty Dawn
- F1D4F4
≈ Scented Spring
Análoga -30° +30°
- CBE9C9
Frosty Dawn
- DEE4BB
≈ Loch Modan Moss
- BCEBDC
≈ Salome
Tríade +120° +240°
- CBE9C9
Frosty Dawn
- CFE0FF
≈ Arc Light
- FFD3D0
≈ Girlie
Complementar dividida +150° +210°
- CBE9C9
Frosty Dawn
- E0D9FF
≈ Transparent Blue
- FDD1E2
≈ Light Pink
Tétrade +90° +180° +270°
- CBE9C9
Frosty Dawn
- BDE6FE
≈ Icy Landscape
- F1D4F4
≈ Scented Spring
- FDD6BF
≈ Prairie Dune
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.03:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--frosty-dawn: #cbe9c9;
--frosty-dawn-rgb: 203 233 201;
--frosty-dawn-oklch: oklch(0.904 0.053 143.4);
}
.element {
color: var(--frosty-dawn);
background-color: hsl(116 42% 85%);
border-color: oklch(0.904 0.053 143.4);
}Tailwind CSS v4
@theme {
--color-frosty-dawn: #cbe9c9;
--color-frosty-dawn-50: #ecfaec;
--color-frosty-dawn-100: #ddeddd;
--color-frosty-dawn-200: #c7dbc7;
--color-frosty-dawn-300: #a7bfa7;
--color-frosty-dawn-400: #8ca78a;
--color-frosty-dawn-500: #719070;
--color-frosty-dawn-600: #607a5f;
--color-frosty-dawn-700: #4d614b;
--color-frosty-dawn-800: #384736;
--color-frosty-dawn-900: #263125;
--color-frosty-dawn-950: #151d13;
}SCSS
$frosty-dawn: #cbe9c9;
$frosty-dawn-rgb: 203, 233, 201;
$frosty-dawn-light: mix(#fff, $frosty-dawn, 20%);
$frosty-dawn-dark: mix(#000, $frosty-dawn, 20%);
.element {
color: $frosty-dawn;
box-shadow: 0 0 0 2px rgba($frosty-dawn, 0.35);
}