Benoemde kleur · #FF9933
Indian Saffron
Indian Saffron is #FF9933: rgb(255 153 51), hsl(30 100% 60%), oklch(0.774 0.163 60.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Indian Saffron color name →
#FF9933
oklch(0.774 0.163 60.3)
Kleurconversies
- HEX
- #ff9933
- RGB
- rgb(255 153 51)
- HSL
- hsl(30 100% 60%)
- HWB
- hwb(30 20% 0%)
- OKLCH
- oklch(0.774 0.163 60.3)
- OKLab
- oklab(0.774 0.081 0.141)
- CIE Lab
- lab(73.08 34.05 66.34)
- LCH
- lch(73.08 74.57 62.8)
- CMYK
- cmyk(0% 40% 80% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFA450
- FFAF68
- FFB97D
- FFC490
- FFCEA3
- FFD8B6
- FFE2C8
- FFECDB
- FFF5ED
Schaduwen
- DE842B
- BE7023
- 9E5D1C
- 804A14
- 63380D
- 482707
- 2E1703
- 160801
- 030100
Tonen
- F29742
- E6954E
- D99357
- CC915F
- C08F66
- B38C6C
- A78972
- 9A8677
- 8D837C
Kleurharmonieën
Complementair +180°
- FF9933
Indian Saffron
- 5FBFFF
≈ Hello Summer
Analoog -30° +30°
- FF9933
Indian Saffron
- FF9381
≈ Orange Aura
- DCAF00
≈ Palomino Gold
Triadisch +120° +240°
- FF9933
Indian Saffron
- 00D2B9
≈ Mint Leaf
- C3A0FF
≈ Diva
Gesplitst complementair +150° +210°
- FF9933
Indian Saffron
- 00CCE5
≈ Picnic Day Sky
- 99B2FF
≈ Widowmaker
Tetradisch +90° +180° +270°
- FF9933
Indian Saffron
- 5AD27C
≈ Spring Bouquet
- 5FBFFF
≈ Hello Summer
- EF8CE6
≈ Frail Fuchsia
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.13:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 9.85:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--indian-saffron: #ff9933;
--indian-saffron-rgb: 255 153 51;
--indian-saffron-oklch: oklch(0.774 0.163 60.3);
}
.element {
color: var(--indian-saffron);
background-color: hsl(30 100% 60%);
border-color: oklch(0.774 0.163 60.3);
}Tailwind CSS v4
@theme {
--color-indian-saffron: #ff9933;
--color-indian-saffron-50: #ffecc6;
--color-indian-saffron-100: #ffddb0;
--color-indian-saffron-200: #ffc58a;
--color-indian-saffron-300: #f2a359;
--color-indian-saffron-400: #e2841e;
--color-indian-saffron-500: #d06400;
--color-indian-saffron-600: #b05500;
--color-indian-saffron-700: #8d4400;
--color-indian-saffron-800: #6a3000;
--color-indian-saffron-900: #4b2100;
--color-indian-saffron-950: #310f00;
}SCSS
$indian-saffron: #ff9933;
$indian-saffron-rgb: 255, 153, 51;
$indian-saffron-light: mix(#fff, $indian-saffron, 20%);
$indian-saffron-dark: mix(#000, $indian-saffron, 20%);
.element {
color: $indian-saffron;
box-shadow: 0 0 0 2px rgba($indian-saffron, 0.35);
}