Benannte Farbe · #CBE9C9
Frosty Dawn
Frosty Dawn ist #CBE9C9: rgb(203 233 201), hsl(116 42% 85%), oklch(0.904 0.053 143.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Frosty Dawn color name →
#CBE9C9
oklch(0.904 0.053 143.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D0EBCE
- D5EDD4
- DBF0D9
- E0F2DF
- E5F4E4
- EAF6E9
- EFF8EF
- F5FBF4
- FAFDFA
Shades
- B0CBAE
- 96AD95
- 7D907C
- 657464
- 4D5A4C
- 374136
- 222922
- 0F130F
- 020302
Tones
- C3DEC1
- BCD3BA
- B4C8B3
- ACBEAB
- A5B3A4
- 9DA99D
- 969E95
- 8F948E
- 878A87
Farbharmonien
Komplementär +180°
- CBE9C9
Frosty Dawn
- F1D4F4
≈ Scented Spring
Analog -30° +30°
- CBE9C9
Frosty Dawn
- DEE4BB
≈ Loch Modan Moss
- BCEBDC
≈ Salome
Triadisch +120° +240°
- CBE9C9
Frosty Dawn
- CFE0FF
≈ Arc Light
- FFD3D0
≈ Girlie
Geteilt komplementär +150° +210°
- CBE9C9
Frosty Dawn
- E0D9FF
≈ Transparent Blue
- FDD1E2
≈ Light Pink
Tetradisch +90° +180° +270°
- CBE9C9
Frosty Dawn
- BDE6FE
≈ Icy Landscape
- F1D4F4
≈ Scented Spring
- FDD6BF
≈ Prairie Dune
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.03:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
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);
}