Benannte Farbe · #F1D512
Thick Yellow
Thick Yellow ist #F1D512: rgb(241 213 18), hsl(52 89% 51%), oklch(0.87 0.178 99.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Thick Yellow color name →
#F1D512
oklch(0.87 0.178 99.5)
Farbumrechnungen
- HEX
- #f1d512
- RGB
- rgb(241 213 18)
- HSL
- hsl(52 89% 51%)
- HWB
- hwb(52 7% 5%)
- OKLCH
- oklch(0.87 0.178 99.5)
- OKLab
- oklab(0.87 -0.029 0.176)
- CIE Lab
- lab(85.66 -1.88 82.95)
- LCH
- lch(85.66 82.97 91.3)
- CMYK
- cmyk(0% 12% 93% 5%)
Tints · Shades · Tones
Tints
- F2DA47
- F4DE65
- F5E37D
- F6E792
- F8EBA6
- F9F0B9
- FAF4CB
- FCF8DC
- FDFBEE
Shades
- D2B90E
- B39E0A
- 958307
- 796A04
- 5D5102
- 433A01
- 2B2401
- 141000
- 030200
Tones
- E5CD36
- D9C448
- CEBC55
- C2B35F
- B7AB67
- ABA26E
- A09A74
- 959178
- 8B897D
Farbharmonien
Komplementär +180°
- F1D512
Thick Yellow
- CBD0FF
≈ Lavender Blue
Analog -30° +30°
- F1D512
Thick Yellow
- FFC98B
≈ Torchlight
- AEEA62
≈ Inchworm
Triadisch +120° +240°
- F1D512
Thick Yellow
- 89E3FF
≈ Tranquil Pool
- FFBCE9
≈ Pink Quartz
Geteilt komplementär +150° +210°
- F1D512
Thick Yellow
- B3D8FF
≈ Malmö FF
- E5C5FF
≈ Wisteria Powder
Tetradisch +90° +180° +270°
- F1D512
Thick Yellow
- 00F3E9
≈ Aqua Cyan
- CBD0FF
≈ Lavender Blue
- FFC1CA
≈ Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.26:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--thick-yellow: #f1d512;
--thick-yellow-rgb: 241 213 18;
--thick-yellow-oklch: oklch(0.87 0.178 99.5);
}
.element {
color: var(--thick-yellow);
background-color: hsl(52 89% 51%);
border-color: oklch(0.87 0.178 99.5);
}Tailwind CSS v4
@theme {
--color-thick-yellow: #f1d512;
--color-thick-yellow-50: #fff8bd;
--color-thick-yellow-100: #f4eba5;
--color-thick-yellow-200: #e4d77a;
--color-thick-yellow-300: #cbba3b;
--color-thick-yellow-400: #b99e00;
--color-thick-yellow-500: #a48400;
--color-thick-yellow-600: #8b7000;
--color-thick-yellow-700: #6f5a00;
--color-thick-yellow-800: #544000;
--color-thick-yellow-900: #3a2d00;
--color-thick-yellow-950: #251900;
}SCSS
$thick-yellow: #f1d512;
$thick-yellow-rgb: 241, 213, 18;
$thick-yellow-light: mix(#fff, $thick-yellow, 20%);
$thick-yellow-dark: mix(#000, $thick-yellow, 20%);
.element {
color: $thick-yellow;
box-shadow: 0 0 0 2px rgba($thick-yellow, 0.35);
}