Benannte Farbe · #E6D6BA
Palomino Mane
Palomino Mane ist #E6D6BA: rgb(230 214 186), hsl(38 47% 82%), oklch(0.882 0.041 81.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Palomino Mane color name →
#E6D6BA
oklch(0.882 0.041 81.7)
Farbumrechnungen
- HEX
- #e6d6ba
- RGB
- rgb(230 214 186)
- HSL
- hsl(38 47% 82%)
- HWB
- hwb(38 73% 10%)
- OKLCH
- oklch(0.882 0.041 81.7)
- OKLab
- oklab(0.882 0.006 0.041)
- CIE Lab
- lab(86.4 2.42 15.99)
- LCH
- lch(86.4 16.17 81.4)
- CMYK
- cmyk(0% 7% 19% 10%)
Tints · Shades · Tones
Tints
- E9DAC1
- EBDEC8
- EEE2CF
- F0E6D5
- F3EADC
- F5EFE3
- F8F3EA
- FAF7F1
- FDFBF8
Shades
- C8BAA1
- AB9E89
- 8E8472
- 736A5C
- 595246
- 403B32
- 28251E
- 13100D
- 030202
Tones
- DBCDB4
- D1C4AE
- C6BBA8
- BCB3A3
- B2AA9D
- A8A197
- 9D9991
- 94918B
- 8A8886
Farbharmonien
Komplementär +180°
- E6D6BA
Palomino Mane
- C9D9F4
≈ Fly a Kite
Analog -30° +30°
- E6D6BA
Palomino Mane
- EFD1C0
≈ Blushing
- D8DBBC
≈ Apple Cucumber
Triadisch +120° +240°
- E6D6BA
Palomino Mane
- B9E1E4
≈ Forever
- E5D0E9
≈ Little Touch
Geteilt komplementär +150° +210°
- E6D6BA
Palomino Mane
- BEDEEF
≈ Tropical Pool
- D8D4F2
≈ Japan Blush
Tetradisch +90° +180° +270°
- E6D6BA
Palomino Mane
- BEE1D5
≈ Serendipity
- C9D9F4
≈ Fly a Kite
- EFCDDB
≈ Pale Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.69:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--palomino-mane: #e6d6ba;
--palomino-mane-rgb: 230 214 186;
--palomino-mane-oklch: oklch(0.882 0.041 81.7);
}
.element {
color: var(--palomino-mane);
background-color: hsl(38 47% 82%);
border-color: oklch(0.882 0.041 81.7);
}Tailwind CSS v4
@theme {
--color-palomino-mane: #e6d6ba;
--color-palomino-mane-50: #fbf4e8;
--color-palomino-mane-100: #eee7d9;
--color-palomino-mane-200: #ddd3c1;
--color-palomino-mane-300: #c2b6a0;
--color-palomino-mane-400: #ab9c83;
--color-palomino-mane-500: #948467;
--color-palomino-mane-600: #7d7058;
--color-palomino-mane-700: #645946;
--color-palomino-mane-800: #4a4132;
--color-palomino-mane-900: #332d22;
--color-palomino-mane-950: #1f1a11;
}SCSS
$palomino-mane: #e6d6ba;
$palomino-mane-rgb: 230, 214, 186;
$palomino-mane-light: mix(#fff, $palomino-mane, 20%);
$palomino-mane-dark: mix(#000, $palomino-mane, 20%);
.element {
color: $palomino-mane;
box-shadow: 0 0 0 2px rgba($palomino-mane, 0.35);
}