Benoemde kleur · #E0E0FF
Stoic White
Stoic White is #E0E0FF: rgb(224 224 255), hsl(240 100% 94%), oklch(0.916 0.042 285.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Stoic White color name →
#E0E0FF
oklch(0.916 0.042 285.5)
Kleurconversies
- HEX
- #e0e0ff
- RGB
- rgb(224 224 255)
- HSL
- hsl(240 100% 94%)
- HWB
- hwb(240 88% 0%)
- OKLCH
- oklch(0.916 0.042 285.5)
- OKLab
- oklab(0.916 0.011 -0.041)
- CIE Lab
- lab(89.9 4.42 -15.11)
- LCH
- lch(89.9 15.74 286.3)
- CMYK
- cmyk(12% 12% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- E3E3FF
- E6E6FF
- E9E9FF
- ECECFF
- EFF0FF
- F2F3FF
- F6F6FF
- F9F9FF
- FCFCFF
Schaduwen
- C3C3DE
- A6A6BE
- 8A8A9E
- 707080
- 565663
- 3E3E48
- 27272E
- 121216
- 020203
Tonen
- D6D6F2
- CCCCE4
- C2C2D7
- B8B8CA
- AFAFBE
- A5A5B1
- 9C9CA5
- 929298
- 89898C
Kleurharmonieën
Complementair +180°
- E0E0FF
Stoic White
- E7E6C6
≈ Child of Heaven
Analoog -30° +30°
- E0E0FF
Stoic White
- D2E5FF
≈ Veiling Waterfalls
- EEDBF7
≈ Lavender Savour
Triadisch +120° +240°
- E0E0FF
Stoic White
- FDDBCD
≈ Glazed Sugar
- CAEDDD
≈ Teal Melody
Gesplitst complementair +150° +210°
- E0E0FF
Stoic White
- F4E0C5
≈ Estate Vanilla
- D7EACF
≈ White Green
Tetradisch +90° +180° +270°
- E0E0FF
Stoic White
- FED9DA
≈ Strawberry Blonde
- E7E6C6
≈ Child of Heaven
- C4EDEC
≈ Morning Sky
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.27:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.27:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--stoic-white: #e0e0ff;
--stoic-white-rgb: 224 224 255;
--stoic-white-oklch: oklch(0.916 0.042 285.5);
}
.element {
color: var(--stoic-white);
background-color: hsl(240 100% 94%);
border-color: oklch(0.916 0.042 285.5);
}Tailwind CSS v4
@theme {
--color-stoic-white: #e0e0ff;
--color-stoic-white-50: #f4f4ff;
--color-stoic-white-100: #e7e6f6;
--color-stoic-white-200: #d3d2e6;
--color-stoic-white-300: #b6b5cc;
--color-stoic-white-400: #9b9bb7;
--color-stoic-white-500: #8383a1;
--color-stoic-white-600: #6f6f88;
--color-stoic-white-700: #59586d;
--color-stoic-white-800: #404151;
--color-stoic-white-900: #2c2d38;
--color-stoic-white-950: #191a23;
}SCSS
$stoic-white: #e0e0ff;
$stoic-white-rgb: 224, 224, 255;
$stoic-white-light: mix(#fff, $stoic-white, 20%);
$stoic-white-dark: mix(#000, $stoic-white, 20%);
.element {
color: $stoic-white;
box-shadow: 0 0 0 2px rgba($stoic-white, 0.35);
}