Nazwany kolor · #F08F00
Saffron Gold
Saffron Gold to #F08F00: rgb(240 143 0), hsl(36 100% 47%), oklch(0.736 0.166 64.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Saffron Gold color name →
#F08F00
oklch(0.736 0.166 64.2)
Konwersje koloru
- HEX
- #f08f00
- RGB
- rgb(240 143 0)
- HSL
- hsl(36 100% 47%)
- HWB
- hwb(36 0% 6%)
- OKLCH
- oklch(0.736 0.166 64.2)
- OKLab
- oklab(0.736 0.072 0.15)
- CIE Lab
- lab(68.81 32.29 74.03)
- LCH
- lch(68.81 80.77 66.4)
- CMYK
- cmyk(0% 40% 100% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F39B3A
- F5A757
- F7B26F
- F9BE85
- FBC99A
- FCD4AF
- FDDFC3
- FEEAD7
- FFF4EB
Odcienie ciemniejsze
- D17C00
- B26900
- 955700
- 784500
- 5D3400
- 432400
- 2A1500
- 140700
- 030100
Tony
- E58E29
- DA8D3C
- CF8C49
- C48B54
- B98A5D
- AE8865
- A2866D
- 978474
- 8C827A
Harmonie kolorów
Komplementarna +180°
- F08F00
Saffron Gold
- 49B2FF
≈ Tiān Lán Sky
Analogowa -30° +30°
- F08F00
Saffron Gold
- FF7E61
≈ Sunset Papaya
- C9A700
≈ Christmas Gold
Triada +120° +240°
- F08F00
Saffron Gold
- 00C4B3
≈ Amazonite
- C18CFD
≈ Liliac
Komplementarna rozszczepiona +150° +210°
- F08F00
Saffron Gold
- 00BEDB
≈ Maldives
- 90A2FF
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- F08F00
Saffron Gold
- 37C778
≈ Googol
- 49B2FF
≈ Tiān Lán Sky
- E77ED4
≈ Hibiscus Pop
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.63:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.63:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--saffron-gold: #f08f00;
--saffron-gold-rgb: 240 143 0;
--saffron-gold-oklch: oklch(0.736 0.166 64.2);
}
.element {
color: var(--saffron-gold);
background-color: hsl(36 100% 47%);
border-color: oklch(0.736 0.166 64.2);
}Tailwind CSS v4
@theme {
--color-saffron-gold: #f08f00;
--color-saffron-gold-50: #ffedc3;
--color-saffron-gold-100: #ffdead;
--color-saffron-gold-200: #ffc686;
--color-saffron-gold-300: #f0a552;
--color-saffron-gold-400: #e08501;
--color-saffron-gold-500: #ce6600;
--color-saffron-gold-600: #ae5700;
--color-saffron-gold-700: #8c4600;
--color-saffron-gold-800: #693100;
--color-saffron-gold-900: #4a2100;
--color-saffron-gold-950: #301000;
}SCSS
$saffron-gold: #f08f00;
$saffron-gold-rgb: 240, 143, 0;
$saffron-gold-light: mix(#fff, $saffron-gold, 20%);
$saffron-gold-dark: mix(#000, $saffron-gold, 20%);
.element {
color: $saffron-gold;
box-shadow: 0 0 0 2px rgba($saffron-gold, 0.35);
}