Benannte Farbe · #C4EAD5
Frozen Pea
Frozen Pea ist #C4EAD5: rgb(196 234 213), hsl(147 47% 84%), oklch(0.904 0.049 161.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Frozen Pea color name →
#C4EAD5
oklch(0.904 0.049 161.1)
Farbumrechnungen
- HEX
- #c4ead5
- RGB
- rgb(196 234 213)
- HSL
- hsl(147 47% 84%)
- HWB
- hwb(147 77% 8%)
- OKLCH
- oklch(0.904 0.049 161.1)
- OKLab
- oklab(0.904 -0.046 0.016)
- CIE Lab
- lab(89.53 -15.85 5.91)
- LCH
- lch(89.53 16.92 159.6)
- CMYK
- cmyk(16% 0% 9% 8%)
Tints · Shades · Tones
Tints
- CAECD9
- D0EEDD
- D6F0E1
- DCF2E6
- E2F5EA
- E8F7EE
- EDF9F2
- F3FBF7
- F9FDFB
Shades
- AACBB9
- 91AE9E
- 789183
- 61756A
- 4A5A51
- 35413A
- 212924
- 0E1310
- 020302
Tones
- BDDFCC
- B6D4C3
- AFC9BB
- A9BEB2
- A2B4AA
- 9BA9A1
- 949F99
- 8D9490
- 878A88
Farbharmonien
Komplementär +180°
- C4EAD5
Frozen Pea
- F7D3E9
≈ Pink Lily
Analog -30° +30°
- C4EAD5
Frozen Pea
- D4E7C5
≈ Green Vibes
- BBEAE7
≈ Luxor Blue
Triadisch +120° +240°
- C4EAD5
Frozen Pea
- D9DCFF
≈ Transparent Blue
- FDD5C7
≈ Coral Dune
Geteilt komplementär +150° +210°
- C4EAD5
Frozen Pea
- EAD7F8
≈ Pouty Purple
- FED3D7
≈ Pink Fluorite
Tetradisch +90° +180° +270°
- C4EAD5
Frozen Pea
- C9E2FF
≈ Fresh Water
- F7D3E9
≈ Pink Lily
- F5DBBD
≈ Morning Blossom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.07:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--frozen-pea: #c4ead5;
--frozen-pea-rgb: 196 234 213;
--frozen-pea-oklch: oklch(0.904 0.049 161.1);
}
.element {
color: var(--frozen-pea);
background-color: hsl(147 47% 84%);
border-color: oklch(0.904 0.049 161.1);
}Tailwind CSS v4
@theme {
--color-frozen-pea: #c4ead5;
--color-frozen-pea-50: #e9faf1;
--color-frozen-pea-100: #daede3;
--color-frozen-pea-200: #c2dbce;
--color-frozen-pea-300: #a2c0b0;
--color-frozen-pea-400: #86a895;
--color-frozen-pea-500: #69917c;
--color-frozen-pea-600: #5a7a69;
--color-frozen-pea-700: #476254;
--color-frozen-pea-800: #34483c;
--color-frozen-pea-900: #233229;
--color-frozen-pea-950: #121e17;
}SCSS
$frozen-pea: #c4ead5;
$frozen-pea-rgb: 196, 234, 213;
$frozen-pea-light: mix(#fff, $frozen-pea, 20%);
$frozen-pea-dark: mix(#000, $frozen-pea, 20%);
.element {
color: $frozen-pea;
box-shadow: 0 0 0 2px rgba($frozen-pea, 0.35);
}