Benannte Farbe · #E1E2C2
Healing Springs
Healing Springs ist #E1E2C2: rgb(225 226 194), hsl(62 36% 82%), oklch(0.904 0.042 108.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Healing Springs color name →
#E1E2C2
oklch(0.904 0.042 108.7)
Farbumrechnungen
- HEX
- #e1e2c2
- RGB
- rgb(225 226 194)
- HSL
- hsl(62 36% 82%)
- HWB
- hwb(62 76% 11%)
- OKLCH
- oklch(0.904 0.042 108.7)
- OKLab
- oklab(0.904 -0.014 0.04)
- CIE Lab
- lab(89.18 -4.33 15.6)
- LCH
- lch(89.18 16.19 105.5)
- CMYK
- cmyk(0% 0% 14% 11%)
Tints · Shades · Tones
Tints
- E4E5C8
- E7E8CE
- EAEBD4
- EDEEDA
- F0F1E0
- F3F3E7
- F6F6ED
- F9F9F3
- FCFCF9
Shades
- C4C4A8
- A7A88F
- 8B8C77
- 707160
- 565749
- 3E3E34
- 272720
- 12120E
- 020302
Tones
- D7D8BB
- CDCEB5
- C3C4AE
- B9BAA7
- AFB0A1
- A6A69A
- 9C9C93
- 93938D
- 898986
Farbharmonien
Komplementär +180°
- E1E2C2
Healing Springs
- DDDBFA
≈ Nostalgia Perfume
Analog -30° +30°
- E1E2C2
Healing Springs
- EFDDC0
≈ Napery
- D2E7CC
≈ Butter Lettuce
Triadisch +120° +240°
- E1E2C2
Healing Springs
- C3E5F6
≈ Icy Landscape
- F6D4E4
≈ Hopeful
Geteilt komplementär +150° +210°
- E1E2C2
Healing Springs
- CFE1FC
≈ Arc Light
- ECD7F2
≈ Scented Spring
Tetradisch +90° +180° +270°
- E1E2C2
Healing Springs
- C0E8EA
≈ Light Opale
- DDDBFA
≈ Nostalgia Perfume
- FAD5D4
≈ Ballet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.85:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--healing-springs: #e1e2c2;
--healing-springs-rgb: 225 226 194;
--healing-springs-oklch: oklch(0.904 0.042 108.7);
}
.element {
color: var(--healing-springs);
background-color: hsl(62 36% 82%);
border-color: oklch(0.904 0.042 108.7);
}Tailwind CSS v4
@theme {
--color-healing-springs: #e1e2c2;
--color-healing-springs-50: #f5f6e9;
--color-healing-springs-100: #e8e9da;
--color-healing-springs-200: #d5d6c2;
--color-healing-springs-300: #b8baa1;
--color-healing-springs-400: #a0a184;
--color-healing-springs-500: #888968;
--color-healing-springs-600: #737459;
--color-healing-springs-700: #5c5d47;
--color-healing-springs-800: #444433;
--color-healing-springs-900: #2f2f22;
--color-healing-springs-950: #1b1b11;
}SCSS
$healing-springs: #e1e2c2;
$healing-springs-rgb: 225, 226, 194;
$healing-springs-light: mix(#fff, $healing-springs, 20%);
$healing-springs-dark: mix(#000, $healing-springs, 20%);
.element {
color: $healing-springs;
box-shadow: 0 0 0 2px rgba($healing-springs, 0.35);
}