Benoemde kleur · #EEEEE5
New Ream
New Ream is #EEEEE5: rgb(238 238 229), hsl(60 21% 92%), oklch(0.947 0.012 106.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · New Ream color name →
#EEEEE5
oklch(0.947 0.012 106.6)
Kleurconversies
- HEX
- #eeeee5
- RGB
- rgb(238 238 229)
- HSL
- hsl(60 21% 92%)
- HWB
- hwb(60 90% 7%)
- OKLCH
- oklch(0.947 0.012 106.6)
- OKLab
- oklab(0.947 -0.003 0.011)
- CIE Lab
- lab(93.91 -1.17 4.37)
- LCH
- lch(93.91 4.52 104.9)
- CMYK
- cmyk(0% 0% 4% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F0F0E8
- F1F1EA
- F3F3ED
- F5F5EF
- F6F6F2
- F8F8F5
- FAFAF7
- FCFCFA
- FDFDFC
Schaduwen
- CFCFC7
- B1B1AA
- 93938E
- 777772
- 5C5C58
- 42423F
- 2A2A28
- 141412
- 030303
Tonen
- E2E2DA
- D7D7D0
- CCCCC6
- C1C1BB
- B5B5B1
- AAAAA7
- A0A09D
- 959593
- 8A8A8A
Kleurharmonieën
Complementair +180°
- EEEEE5
New Ream
- ECECF5
≈ Silver Phoenix
Analoog -30° +30°
- EEEEE5
New Ream
- F2ECE5
≈ Ibis White
- EAEFE7
≈ Trellis
Triadisch +120° +240°
- EEEEE5
New Ream
- E5EFF4
≈ Diamond White
- F4EAEF
≈ Snow Plum
Gesplitst complementair +150° +210°
- EEEEE5
New Ream
- E8EEF6
≈ Coconut White
- F1EBF3
≈ Snow Plum
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOp zwart
WCAG 17.99:1 · APCA Lc 96
Beste tekstkleur: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--new-ream: #eeeee5;
--new-ream-rgb: 238 238 229;
--new-ream-oklch: oklch(0.947 0.012 106.6);
}
.element {
color: var(--new-ream);
background-color: hsl(60 21% 92%);
border-color: oklch(0.947 0.012 106.6);
}Tailwind CSS v4
@theme {
--color-new-ream: #eeeee5;
--color-new-ream-50: #f5f5f2;
--color-new-ream-100: #e8e8e4;
--color-new-ream-200: #d4d5cf;
--color-new-ream-300: #b8b8b1;
--color-new-ream-400: #9f9f97;
--color-new-ream-500: #87877e;
--color-new-ream-600: #72726b;
--color-new-ream-700: #5b5b55;
--color-new-ream-800: #43433e;
--color-new-ream-900: #2e2e2b;
--color-new-ream-950: #1b1b18;
}SCSS
$new-ream: #eeeee5;
$new-ream-rgb: 238, 238, 229;
$new-ream-light: mix(#fff, $new-ream, 20%);
$new-ream-dark: mix(#000, $new-ream, 20%);
.element {
color: $new-ream;
box-shadow: 0 0 0 2px rgba($new-ream, 0.35);
}