Benannte Farbe · #F2C108
Tanned Leather
Tanned Leather ist #F2C108: rgb(242 193 8), hsl(47 94% 49%), oklch(0.831 0.169 90). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tanned Leather color name →
#F2C108
oklch(0.831 0.169 90)
Farbumrechnungen
- HEX
- #f2c108
- RGB
- rgb(242 193 8)
- HSL
- hsl(47 94% 49%)
- HWB
- hwb(47 3% 5%)
- OKLCH
- oklch(0.831 0.169 90)
- OKLab
- oklab(0.831 0 0.169)
- CIE Lab
- lab(80.74 8.2 80.67)
- LCH
- lch(80.74 81.09 84.2)
- CMYK
- cmyk(0% 20% 97% 5%)
Tints · Shades · Tones
Tints
- F3C843
- F5CE60
- F6D578
- F8DB8E
- F9E1A2
- FAE7B6
- FBEEC8
- FDF3DB
- FEF9ED
Shades
- D2A706
- B48F04
- 967703
- 795F02
- 5E4901
- 433401
- 2B2000
- 140E00
- 030200
Tones
- E6BB31
- DAB444
- CFAE51
- C3A85B
- B8A164
- AC9B6B
- A19472
- 968D77
- 8B877C
Farbharmonien
Komplementär +180°
- F2C108
Tanned Leather
- B2C6FF
≈ Night Snow
Analog -30° +30°
- F2C108
Tanned Leather
- FFB578
≈ Isn’t It Just Peachy
- BAD747
≈ Badass Grass
Triadisch +120° +240°
- F2C108
Tanned Leather
- 00E0FB
≈ Vaporwave Blue
- FFA1F7
≈ Pink Elephants
Geteilt komplementär +150° +210°
- F2C108
Tanned Leather
- 8ED0FF
≈ Long Island Sound
- D1B9FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- F2C108
Tanned Leather
- 00E7CB
≈ Fake Jade
- B2C6FF
≈ Night Snow
- FFACC5
≈ Heartfelt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.69:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.40:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--tanned-leather: #f2c108;
--tanned-leather-rgb: 242 193 8;
--tanned-leather-oklch: oklch(0.831 0.169 90);
}
.element {
color: var(--tanned-leather);
background-color: hsl(47 94% 49%);
border-color: oklch(0.831 0.169 90);
}Tailwind CSS v4
@theme {
--color-tanned-leather: #f2c108;
--color-tanned-leather-50: #fff5be;
--color-tanned-leather-100: #fce7a7;
--color-tanned-leather-200: #eed27d;
--color-tanned-leather-300: #d6b442;
--color-tanned-leather-400: #c59800;
--color-tanned-leather-500: #b17d00;
--color-tanned-leather-600: #966a00;
--color-tanned-leather-700: #785500;
--color-tanned-leather-800: #5a3d00;
--color-tanned-leather-900: #3f2a00;
--color-tanned-leather-950: #281700;
}SCSS
$tanned-leather: #f2c108;
$tanned-leather-rgb: 242, 193, 8;
$tanned-leather-light: mix(#fff, $tanned-leather, 20%);
$tanned-leather-dark: mix(#000, $tanned-leather, 20%);
.element {
color: $tanned-leather;
box-shadow: 0 0 0 2px rgba($tanned-leather, 0.35);
}