Benannte Farbe · #E4D7CE
Kangaroo Tan
Kangaroo Tan ist #E4D7CE: rgb(228 215 206), hsl(25 29% 85%), oklch(0.887 0.019 57.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Kangaroo Tan color name →
#E4D7CE
oklch(0.887 0.019 57.2)
Farbumrechnungen
- HEX
- #e4d7ce
- RGB
- rgb(228 215 206)
- HSL
- hsl(25 29% 85%)
- HWB
- hwb(25 81% 11%)
- OKLCH
- oklch(0.887 0.019 57.2)
- OKLab
- oklab(0.887 0.01 0.016)
- CIE Lab
- lab(86.86 3.5 6.14)
- LCH
- lch(86.86 7.07 60.3)
- CMYK
- cmyk(0% 6% 10% 11%)
Tints · Shades · Tones
Tints
- E7DBD3
- E9DFD8
- ECE3DD
- EFE7E1
- F1EBE6
- F4EFEB
- F7F3F0
- FAF7F5
- FCFBFA
Shades
- C6BBB3
- A99F98
- 8D857F
- 726B66
- 58524E
- 3F3B38
- 282523
- 12110F
- 030202
Tones
- DACEC6
- CFC5BE
- C5BCB6
- BBB3AE
- B1AAA6
- A7A29E
- 9D9997
- 93918F
- 8A8887
Farbharmonien
Komplementär +180°
- E4D7CE
Kangaroo Tan
- CFDCE5
≈ London Lights
Analog -30° +30°
- E4D7CE
Kangaroo Tan
- E6D5D3
≈ Most Delicate
- DFD9CC
≈ Oat Milk
Triadisch +120° +240°
- E4D7CE
Kangaroo Tan
- CDDED9
≈ Light Quaver
- DBD7E5
≈ Misty Violet
Geteilt komplementär +150° +210°
- E4D7CE
Kangaroo Tan
- CCDEE0
≈ Embellishment
- D4DAE7
≈ Sueded Grey
Tetradisch +90° +180° +270°
- E4D7CE
Kangaroo Tan
- D2DDD3
≈ Aruba Aqua
- CFDCE5
≈ London Lights
- E1D6E0
≈ Soft Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.91:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--kangaroo-tan: #e4d7ce;
--kangaroo-tan-rgb: 228 215 206;
--kangaroo-tan-oklch: oklch(0.887 0.019 57.2);
}
.element {
color: var(--kangaroo-tan);
background-color: hsl(25 29% 85%);
border-color: oklch(0.887 0.019 57.2);
}Tailwind CSS v4
@theme {
--color-kangaroo-tan: #e4d7ce;
--color-kangaroo-tan-50: #f9f4f0;
--color-kangaroo-tan-100: #ede6e2;
--color-kangaroo-tan-200: #dbd2cc;
--color-kangaroo-tan-300: #bfb5ae;
--color-kangaroo-tan-400: #a89c94;
--color-kangaroo-tan-500: #90837a;
--color-kangaroo-tan-600: #7a6f68;
--color-kangaroo-tan-700: #625953;
--color-kangaroo-tan-800: #48413c;
--color-kangaroo-tan-900: #322d29;
--color-kangaroo-tan-950: #1e1a17;
}SCSS
$kangaroo-tan: #e4d7ce;
$kangaroo-tan-rgb: 228, 215, 206;
$kangaroo-tan-light: mix(#fff, $kangaroo-tan, 20%);
$kangaroo-tan-dark: mix(#000, $kangaroo-tan, 20%);
.element {
color: $kangaroo-tan;
box-shadow: 0 0 0 2px rgba($kangaroo-tan, 0.35);
}