Benannte Farbe · #D0A32E
Pitmaston Pear Yellow
Pitmaston Pear Yellow ist #D0A32E: rgb(208 163 46), hsl(43 64% 50%), oklch(0.738 0.137 86.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pitmaston Pear Yellow color name →
#D0A32E
oklch(0.738 0.137 86.2)
Farbumrechnungen
- HEX
- #d0a32e
- RGB
- rgb(208 163 46)
- HSL
- hsl(43 64% 50%)
- HWB
- hwb(43 18% 18%)
- OKLCH
- oklch(0.738 0.137 86.2)
- OKLab
- oklab(0.738 0.009 0.137)
- CIE Lab
- lab(69.79 9.22 62.69)
- LCH
- lch(69.79 63.37 81.6)
- CMYK
- cmyk(0% 22% 78% 18%)
Tints · Shades · Tones
Tints
- D5AC4C
- DAB664
- DEBF79
- E3C88D
- E8D1A1
- ECDBB4
- F1E4C7
- F6EDD9
- FAF6EC
Shades
- B58D27
- 9A781F
- 806318
- 674F12
- 4F3C0B
- 392A06
- 231902
- 100A01
- 020100
Tones
- C8A03E
- C09D4A
- B89954
- B0965C
- A89264
- A08F6A
- 988B70
- 908876
- 88847B
Farbharmonien
Komplementär +180°
- D0A32E
Pitmaston Pear Yellow
- 83A7FF
≈ Fennel Flower
Analog -30° +30°
- D0A32E
Pitmaston Pear Yellow
- EB914C
≈ Caramelised Orange
- A6B445
≈ Azeitona
Triadisch +120° +240°
- D0A32E
Pitmaston Pear Yellow
- 00C0D1
≈ The Crowd Roars!
- D68AD8
≈ Blush Essence
Geteilt komplementär +150° +210°
- D0A32E
Pitmaston Pear Yellow
- 3FB6F4
≈ Zima Blue
- B297F6
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
- D0A32E
Pitmaston Pear Yellow
- 07C6A7
≈ Jadeite
- 83A7FF
≈ Fennel Flower
- ED83AC
≈ Aurora Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.96:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--pitmaston-pear-yellow: #d0a32e;
--pitmaston-pear-yellow-rgb: 208 163 46;
--pitmaston-pear-yellow-oklch: oklch(0.738 0.137 86.2);
}
.element {
color: var(--pitmaston-pear-yellow);
background-color: hsl(43 64% 50%);
border-color: oklch(0.738 0.137 86.2);
}Tailwind CSS v4
@theme {
--color-pitmaston-pear-yellow: #d0a32e;
--color-pitmaston-pear-yellow-50: #fff4c9;
--color-pitmaston-pear-yellow-100: #fbe6b4;
--color-pitmaston-pear-yellow-200: #ecd290;
--color-pitmaston-pear-yellow-300: #d4b360;
--color-pitmaston-pear-yellow-400: #c2982a;
--color-pitmaston-pear-yellow-500: #ae7d00;
--color-pitmaston-pear-yellow-600: #936a00;
--color-pitmaston-pear-yellow-700: #765500;
--color-pitmaston-pear-yellow-800: #583d00;
--color-pitmaston-pear-yellow-900: #3e2a00;
--color-pitmaston-pear-yellow-950: #271700;
}SCSS
$pitmaston-pear-yellow: #d0a32e;
$pitmaston-pear-yellow-rgb: 208, 163, 46;
$pitmaston-pear-yellow-light: mix(#fff, $pitmaston-pear-yellow, 20%);
$pitmaston-pear-yellow-dark: mix(#000, $pitmaston-pear-yellow, 20%);
.element {
color: $pitmaston-pear-yellow;
box-shadow: 0 0 0 2px rgba($pitmaston-pear-yellow, 0.35);
}