Benannte Farbe · #C5E1C3
Green Myth
Green Myth ist #C5E1C3: rgb(197 225 195), hsl(116 33% 82%), oklch(0.881 0.05 143.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Myth color name →
#C5E1C3
oklch(0.881 0.05 143.3)
Farbumrechnungen
- HEX
- #c5e1c3
- RGB
- rgb(197 225 195)
- HSL
- hsl(116 33% 82%)
- HWB
- hwb(116 76% 12%)
- OKLCH
- oklch(0.881 0.05 143.3)
- OKLab
- oklab(0.881 -0.04 0.03)
- CIE Lab
- lab(86.85 -13.75 11.48)
- LCH
- lch(86.85 17.91 140.2)
- CMYK
- cmyk(12% 0% 13% 12%)
Tints · Shades · Tones
Tints
- CBE4C9
- D1E7CF
- D6EAD5
- DCEDDB
- E2F0E1
- E8F3E7
- EEF6ED
- F3F9F3
- F9FCF9
Shades
- ABC4A9
- 92A790
- 798B78
- 617060
- 4B564A
- 353E34
- 212720
- 0E120E
- 020202
Tones
- BED7BC
- B7CDB5
- B0C3AE
- A9B9A8
- A2AFA1
- 9BA69A
- 949C94
- 8D938D
- 878987
Farbharmonien
Komplementär +180°
- C5E1C3
Green Myth
- E9CDEB
≈ Little Touch
Analog -30° +30°
- C5E1C3
Green Myth
- D7DCB6
≈ Clean Air
- B7E3D5
≈ Cruise
Triadisch +120° +240°
- C5E1C3
Green Myth
- C7D8FA
≈ Fly a Kite
- F8CCC8
≈ Veiled Rose
Geteilt komplementär +150° +210°
- C5E1C3
Green Myth
- D9D2F7
≈ Pale Lavender
- F4CBDA
≈ Baby Steps
Tetradisch +90° +180° +270°
- C5E1C3
Green Myth
- B8DEF4
≈ Diluted Blue
- E9CDEB
≈ Little Touch
- F4D0BA
≈ Only Yesterday
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.93:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--green-myth: #c5e1c3;
--green-myth-rgb: 197 225 195;
--green-myth-oklch: oklch(0.881 0.05 143.3);
}
.element {
color: var(--green-myth);
background-color: hsl(116 33% 82%);
border-color: oklch(0.881 0.05 143.3);
}Tailwind CSS v4
@theme {
--color-green-myth: #c5e1c3;
--color-green-myth-50: #edf9ed;
--color-green-myth-100: #deedde;
--color-green-myth-200: #c7dac7;
--color-green-myth-300: #a8bfa8;
--color-green-myth-400: #8da78c;
--color-green-myth-500: #738f71;
--color-green-myth-600: #617960;
--color-green-myth-700: #4e614c;
--color-green-myth-800: #394737;
--color-green-myth-900: #273125;
--color-green-myth-950: #151d14;
}SCSS
$green-myth: #c5e1c3;
$green-myth-rgb: 197, 225, 195;
$green-myth-light: mix(#fff, $green-myth, 20%);
$green-myth-dark: mix(#000, $green-myth, 20%);
.element {
color: $green-myth;
box-shadow: 0 0 0 2px rgba($green-myth, 0.35);
}