Benannte Farbe · #F4C430
Saffron
Saffron ist #F4C430: rgb(244 196 48), hsl(45 90% 57%), oklch(0.84 0.16 89.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Saffron color name →
#F4C430
oklch(0.84 0.16 89.2)
Farbumrechnungen
- HEX
- #f4c430
- RGB
- rgb(244 196 48)
- HSL
- hsl(45 90% 57%)
- HWB
- hwb(45 19% 4%)
- OKLCH
- oklch(0.84 0.16 89.2)
- OKLab
- oklab(0.84 0.002 0.16)
- CIE Lab
- lab(81.77 8.09 73.98)
- LCH
- lch(81.77 74.42 83.8)
- CMYK
- cmyk(0% 20% 80% 4%)
Tints · Shades · Tones
Tints
- F5CA52
- F6D16B
- F8D781
- F9DD94
- FAE3A7
- FBE9BA
- FCEECB
- FDF4DD
- FEFAEE
Shades
- D4AA28
- B59121
- 97781A
- 7A6113
- 5E4A0C
- 443506
- 2B2103
- 140E01
- 030200
Tones
- E8BD43
- DCB750
- D0B05A
- C4A962
- B9A269
- AD9C6F
- A29574
- 968E79
- 8B877D
Farbharmonien
Komplementär +180°
- F4C430
Saffron
- B5C9FF
≈ Night Snow
Analog -30° +30°
- F4C430
Saffron
- FFB982
≈ Goose Bill
- BFD954
≈ June Bud
Triadisch +120° +240°
- F4C430
Saffron
- 00E3FD
≈ Vaporwave Blue
- FFA6F9
≈ Jigglypuff
Geteilt komplementär +150° +210°
- F4C430
Saffron
- 93D3FF
≈ Long Island Sound
- D3BDFF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- F4C430
Saffron
- 00EACD
≈ Fake Jade
- B5C9FF
≈ Night Snow
- FFB0C9
≈ Heartfelt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.78:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.78:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--saffron: #f4c430;
--saffron-rgb: 244 196 48;
--saffron-oklch: oklch(0.84 0.16 89.2);
}
.element {
color: var(--saffron);
background-color: hsl(45 90% 57%);
border-color: oklch(0.84 0.16 89.2);
}Tailwind CSS v4
@theme {
--color-saffron: #f4c430;
--color-saffron-50: #fff4c1;
--color-saffron-100: #fce7ab;
--color-saffron-200: #edd282;
--color-saffron-300: #d6b44c;
--color-saffron-400: #c49800;
--color-saffron-500: #b07d00;
--color-saffron-600: #956a00;
--color-saffron-700: #775500;
--color-saffron-800: #5a3d00;
--color-saffron-900: #3f2a00;
--color-saffron-950: #281700;
}SCSS
$saffron: #f4c430;
$saffron-rgb: 244, 196, 48;
$saffron-light: mix(#fff, $saffron, 20%);
$saffron-dark: mix(#000, $saffron, 20%);
.element {
color: $saffron;
box-shadow: 0 0 0 2px rgba($saffron, 0.35);
}