Benannte Farbe · #C2AB3F
Oil Yellow
Oil Yellow ist #C2AB3F: rgb(194 171 63), hsl(49 52% 50%), oklch(0.741 0.128 97.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Oil Yellow color name →
#C2AB3F
oklch(0.741 0.128 97.1)
Farbumrechnungen
- HEX
- #c2ab3f
- RGB
- rgb(194 171 63)
- HSL
- hsl(49 52% 50%)
- HWB
- hwb(49 25% 24%)
- OKLCH
- oklch(0.741 0.128 97.1)
- OKLab
- oklab(0.741 -0.016 0.127)
- CIE Lab
- lab(70.52 -0.3 56.34)
- LCH
- lch(70.52 56.34 90.3)
- CMYK
- cmyk(0% 12% 68% 24%)
Tints · Shades · Tones
Tints
- C8B457
- CEBC6C
- D4C480
- DACD93
- E0D5A5
- E6DEB7
- ECE6C9
- F2EEDB
- F9F7ED
Shades
- A89435
- 8F7E2C
- 776823
- 60541B
- 494012
- 342D0A
- 201B04
- 0E0B01
- 020100
Tones
- BBA74A
- B4A353
- AE9E5B
- A79A62
- A09668
- 9A926E
- 938D73
- 8D8978
- 86857C
Farbharmonien
Komplementär +180°
- C2AB3F
Oil Yellow
- 97A3FB
≈ Cold Lips
Analog -30° +30°
- C2AB3F
Oil Yellow
- E19A49
≈ Fire Bush
- 95BA5D
≈ Happy Tune
Triadisch +120° +240°
- C2AB3F
Oil Yellow
- 1DBEE0
≈ Caribbean Blue
- DE8BC9
≈ Pink Punk
Geteilt komplementär +150° +210°
- C2AB3F
Oil Yellow
- 63B2F7
≈ Tiān Lán Sky
- C195EA
≈ Bright Lavender
Tetradisch +90° +180° +270°
- C2AB3F
Oil Yellow
- 0DC5B9
≈ Swimmers Pool
- 97A3FB
≈ Cold Lips
- EF879D
≈ Posy Petal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.28:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.19:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--oil-yellow: #c2ab3f;
--oil-yellow-rgb: 194 171 63;
--oil-yellow-oklch: oklch(0.741 0.128 97.1);
}
.element {
color: var(--oil-yellow);
background-color: hsl(49 52% 50%);
border-color: oklch(0.741 0.128 97.1);
}Tailwind CSS v4
@theme {
--color-oil-yellow: #c2ab3f;
--color-oil-yellow-50: #fef7cd;
--color-oil-yellow-100: #f2e9b8;
--color-oil-yellow-200: #e1d696;
--color-oil-yellow-300: #c7b969;
--color-oil-yellow-400: #b49e39;
--color-oil-yellow-500: #9e8500;
--color-oil-yellow-600: #867100;
--color-oil-yellow-700: #6b5a00;
--color-oil-yellow-800: #504100;
--color-oil-yellow-900: #382d00;
--color-oil-yellow-950: #231a00;
}SCSS
$oil-yellow: #c2ab3f;
$oil-yellow-rgb: 194, 171, 63;
$oil-yellow-light: mix(#fff, $oil-yellow, 20%);
$oil-yellow-dark: mix(#000, $oil-yellow, 20%);
.element {
color: $oil-yellow;
box-shadow: 0 0 0 2px rgba($oil-yellow, 0.35);
}