Benannte Farbe · #E8C5AE
Pinkham
Pinkham ist #E8C5AE: rgb(232 197 174), hsl(24 56% 80%), oklch(0.848 0.051 55.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Pinkham color name →
#E8C5AE
oklch(0.848 0.051 55.2)
Farbumrechnungen
- HEX
- #e8c5ae
- RGB
- rgb(232 197 174)
- HSL
- hsl(24 56% 80%)
- HWB
- hwb(24 68% 9%)
- OKLCH
- oklch(0.848 0.051 55.2)
- OKLab
- oklab(0.848 0.029 0.042)
- CIE Lab
- lab(82.13 10.29 16.43)
- LCH
- lch(82.13 19.39 58)
- CMYK
- cmyk(0% 15% 25% 9%)
Tints · Shades · Tones
Tints
- EACBB6
- EDD1BE
- EFD6C6
- F2DCCE
- F4E2D6
- F6E8DE
- F8EDE6
- FBF3EF
- FDF9F7
Shades
- CAAB97
- AC9280
- 90796A
- 746155
- 594B41
- 40352E
- 29211C
- 130E0B
- 030201
Tones
- DDBEA9
- D3B7A5
- C8B0A0
- BDA99C
- B3A297
- A99B92
- 9E948E
- 948D89
- 8A8785
Farbharmonien
Komplementär +180°
- E8C5AE
Pinkham
- AED3EA
≈ Chapel Blue
Analog -30° +30°
- E8C5AE
Pinkham
- EDC1BC
≈ Gentle Kiss
- DCCBA8
≈ Egg Liqueur
Triadisch +120° +240°
- E8C5AE
Pinkham
- ABD8CB
≈ Scud
- CFC7EB
≈ Soap
Geteilt komplementär +150° +210°
- E8C5AE
Pinkham
- A7D7DD
≈ Crystal
- BDCDEF
≈ Frost Fairy
Tetradisch +90° +180° +270°
- E8C5AE
Pinkham
- B9D6B9
≈ Surf
- AED3EA
≈ Chapel Blue
- DFC2DF
≈ Epiphany
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.02:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 13.02:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--pinkham: #e8c5ae;
--pinkham-rgb: 232 197 174;
--pinkham-oklch: oklch(0.848 0.051 55.2);
}
.element {
color: var(--pinkham);
background-color: hsl(24 56% 80%);
border-color: oklch(0.848 0.051 55.2);
}Tailwind CSS v4
@theme {
--color-pinkham: #e8c5ae;
--color-pinkham-50: #fff2e7;
--color-pinkham-100: #f6e4d8;
--color-pinkham-200: #e6cfc0;
--color-pinkham-300: #ccb19f;
--color-pinkham-400: #b79782;
--color-pinkham-500: #a17e66;
--color-pinkham-600: #886a57;
--color-pinkham-700: #6d5545;
--color-pinkham-800: #513e32;
--color-pinkham-900: #382a22;
--color-pinkham-950: #231811;
}SCSS
$pinkham: #e8c5ae;
$pinkham-rgb: 232, 197, 174;
$pinkham-light: mix(#fff, $pinkham, 20%);
$pinkham-dark: mix(#000, $pinkham, 20%);
.element {
color: $pinkham;
box-shadow: 0 0 0 2px rgba($pinkham, 0.35);
}