Benannte Farbe · #E1BD27
Durian Yellow
Durian Yellow ist #E1BD27: rgb(225 189 39), hsl(48 76% 52%), oklch(0.807 0.157 94.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Durian Yellow color name →
#E1BD27
oklch(0.807 0.157 94.1)
Farbumrechnungen
- HEX
- #e1bd27
- RGB
- rgb(225 189 39)
- HSL
- hsl(48 76% 52%)
- HWB
- hwb(48 15% 12%)
- OKLCH
- oklch(0.807 0.157 94.1)
- OKLab
- oklab(0.807 -0.011 0.156)
- CIE Lab
- lab(78.09 3.31 72.54)
- LCH
- lch(78.09 72.62 87.4)
- CMYK
- cmyk(0% 16% 83% 12%)
Tints · Shades · Tones
Tints
- E4C44C
- E7CB65
- EAD27C
- EDD890
- F0DFA4
- F3E6B7
- F6ECC9
- F9F2DB
- FCF9ED
Shades
- C4A420
- A78C1A
- 8B7414
- 705D0E
- 564708
- 3E3304
- 271F02
- 120D01
- 020200
Tones
- D7B73C
- CDB14A
- C3AB55
- B9A55E
- AF9F66
- A6996D
- 9C9372
- 938D77
- 89867C
Farbharmonien
Komplementär +180°
- E1BD27
Durian Yellow
- ACBCFF
≈ Pastel Blue
Analog -30° +30°
- E1BD27
Durian Yellow
- FFAB53
≈ Soul Side
- ABD055
≈ Young Green Onion
Triadisch +120° +240°
- E1BD27
Durian Yellow
- 00D6F7
≈ Neon Blue
- FC97E9
≈ Pink Elephants
Geteilt komplementär +150° +210°
- E1BD27
Durian Yellow
- 83C8FF
≈ Chromis Damsel Blue
- D1ACFF
≈ Purple Hepatica
Tetradisch +90° +180° +270°
- E1BD27
Durian Yellow
- 00DDCA
≈ Mint Morning
- ACBCFF
≈ Pastel Blue
- FFA0B7
≈ Saira Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.82:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.50:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.50:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--durian-yellow: #e1bd27;
--durian-yellow-rgb: 225 189 39;
--durian-yellow-oklch: oklch(0.807 0.157 94.1);
}
.element {
color: var(--durian-yellow);
background-color: hsl(48 76% 52%);
border-color: oklch(0.807 0.157 94.1);
}Tailwind CSS v4
@theme {
--color-durian-yellow: #e1bd27;
--color-durian-yellow-50: #fff6c3;
--color-durian-yellow-100: #f7e9ad;
--color-durian-yellow-200: #e8d485;
--color-durian-yellow-300: #cfb750;
--color-durian-yellow-400: #bd9b00;
--color-durian-yellow-500: #a88100;
--color-durian-yellow-600: #8e6d00;
--color-durian-yellow-700: #725800;
--color-durian-yellow-800: #563f00;
--color-durian-yellow-900: #3c2b00;
--color-durian-yellow-950: #261800;
}SCSS
$durian-yellow: #e1bd27;
$durian-yellow-rgb: 225, 189, 39;
$durian-yellow-light: mix(#fff, $durian-yellow, 20%);
$durian-yellow-dark: mix(#000, $durian-yellow, 20%);
.element {
color: $durian-yellow;
box-shadow: 0 0 0 2px rgba($durian-yellow, 0.35);
}