Benannte Farbe · #FF9932
Deep Saffron
Deep Saffron ist #FF9932: rgb(255 153 50), hsl(30 100% 60%), oklch(0.774 0.163 60.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Deep Saffron color name →
#FF9932
oklch(0.774 0.163 60.4)
Farbumrechnungen
- HEX
- #ff9932
- RGB
- rgb(255 153 50)
- HSL
- hsl(30 100% 60%)
- HWB
- hwb(30 20% 0%)
- OKLCH
- oklch(0.774 0.163 60.4)
- OKLab
- oklab(0.774 0.081 0.142)
- CIE Lab
- lab(73.08 34.03 66.7)
- LCH
- lch(73.08 74.88 63)
- CMYK
- cmyk(0% 40% 80% 0%)
Tints · Shades · Tones
Tints
- FFA450
- FFAF67
- FFB97C
- FFC490
- FFCEA3
- FFD8B6
- FFE2C8
- FFECDB
- FFF5ED
Shades
- DE842A
- BE7022
- 9E5D1B
- 804A14
- 63380D
- 482707
- 2E1703
- 160801
- 030100
Tones
- F29741
- E6954D
- D99357
- CC915F
- C08F66
- B38C6C
- A78972
- 9A8677
- 8D837C
Farbharmonien
Komplementär +180°
- FF9932
Deep Saffron
- 60BFFF
≈ Hello Summer
Analog -30° +30°
- FF9932
Deep Saffron
- FF9381
≈ Orange Aura
- DCB000
≈ Palomino Gold
Triadisch +120° +240°
- FF9932
Deep Saffron
- 00D2B9
≈ Mint Leaf
- C4A0FF
≈ Diva
Geteilt komplementär +150° +210°
- FF9932
Deep Saffron
- 00CCE5
≈ Picnic Day Sky
- 99B1FF
≈ Widowmaker
Tetradisch +90° +180° +270°
- FF9932
Deep Saffron
- 59D27C
≈ Spring Bouquet
- 60BFFF
≈ Hello Summer
- EF8CE6
≈ Frail Fuchsia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.85:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--deep-saffron: #ff9932;
--deep-saffron-rgb: 255 153 50;
--deep-saffron-oklch: oklch(0.774 0.163 60.4);
}
.element {
color: var(--deep-saffron);
background-color: hsl(30 100% 60%);
border-color: oklch(0.774 0.163 60.4);
}Tailwind CSS v4
@theme {
--color-deep-saffron: #ff9932;
--color-deep-saffron-50: #ffecc6;
--color-deep-saffron-100: #ffddb0;
--color-deep-saffron-200: #ffc58a;
--color-deep-saffron-300: #f2a358;
--color-deep-saffron-400: #e2841d;
--color-deep-saffron-500: #d06400;
--color-deep-saffron-600: #b05500;
--color-deep-saffron-700: #8d4400;
--color-deep-saffron-800: #6a3000;
--color-deep-saffron-900: #4b2100;
--color-deep-saffron-950: #310f00;
}SCSS
$deep-saffron: #ff9932;
$deep-saffron-rgb: 255, 153, 50;
$deep-saffron-light: mix(#fff, $deep-saffron, 20%);
$deep-saffron-dark: mix(#000, $deep-saffron, 20%);
.element {
color: $deep-saffron;
box-shadow: 0 0 0 2px rgba($deep-saffron, 0.35);
}