Benannte Farbe · #EAB565
Yellow Varnish
Yellow Varnish ist #EAB565: rgb(234 181 101), hsl(36 76% 66%), oklch(0.805 0.116 76.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Yellow Varnish color name →
#EAB565
oklch(0.805 0.116 76.1)
Farbumrechnungen
- HEX
- #eab565
- RGB
- rgb(234 181 101)
- HSL
- hsl(36 76% 66%)
- HWB
- hwb(36 40% 8%)
- OKLCH
- oklch(0.805 0.116 76.1)
- OKLab
- oklab(0.805 0.028 0.112)
- CIE Lab
- lab(77.41 13.36 47.95)
- LCH
- lch(77.41 49.78 74.4)
- CMYK
- cmyk(0% 23% 57% 8%)
Tints · Shades · Tones
Tints
- ECBD76
- EFC487
- F1CC96
- F3D3A6
- F5DAB5
- F7E2C4
- F9E9D3
- FBF0E1
- FDF8F0
Shades
- CB9D57
- AE8649
- 916F3C
- 75592F
- 5A4422
- 413017
- 291D0C
- 130C03
- 030200
Tones
- DFB06A
- D4AB6E
- CAA571
- BFA074
- B49B77
- AA9679
- 9F907B
- 958B7D
- 8A857F
Farbharmonien
Komplementär +180°
- EAB565
Yellow Varnish
- 95C2FF
≈ Pastel Blue
Analog -30° +30°
- EAB565
Yellow Varnish
- FDA77F
≈ Peachy
- C9C468
≈ Powdered Green Tea
Triadisch +120° +240°
- EAB565
Yellow Varnish
- 4FD6D8
≈ Neon Nazar
- DDA8F2
≈ Petal Plush
Geteilt komplementär +150° +210°
- EAB565
Yellow Varnish
- 62CFF8
≈ Skyan
- BAB6FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
- EAB565
Yellow Varnish
- 6ED7AE
≈ Tadorna Teal
- 95C2FF
≈ Pastel Blue
- F6A1CF
≈ Violet Kiss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.29:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.29:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--yellow-varnish: #eab565;
--yellow-varnish-rgb: 234 181 101;
--yellow-varnish-oklch: oklch(0.805 0.116 76.1);
}
.element {
color: var(--yellow-varnish);
background-color: hsl(36 76% 66%);
border-color: oklch(0.805 0.116 76.1);
}Tailwind CSS v4
@theme {
--color-yellow-varnish: #eab565;
--color-yellow-varnish-50: #fff2d1;
--color-yellow-varnish-100: #fee4bd;
--color-yellow-varnish-200: #f0cf9c;
--color-yellow-varnish-300: #d8b072;
--color-yellow-varnish-400: #c59549;
--color-yellow-varnish-500: #b17a0d;
--color-yellow-varnish-600: #966712;
--color-yellow-varnish-700: #78530f;
--color-yellow-varnish-800: #5a3b09;
--color-yellow-varnish-900: #3f2906;
--color-yellow-varnish-950: #281600;
}SCSS
$yellow-varnish: #eab565;
$yellow-varnish-rgb: 234, 181, 101;
$yellow-varnish-light: mix(#fff, $yellow-varnish, 20%);
$yellow-varnish-dark: mix(#000, $yellow-varnish, 20%);
.element {
color: $yellow-varnish;
box-shadow: 0 0 0 2px rgba($yellow-varnish, 0.35);
}