Benannte Farbe · #FEA15B
Clarified Orange
Clarified Orange ist #FEA15B: rgb(254 161 91), hsl(26 99% 68%), oklch(0.79 0.14 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Clarified Orange color name →
#FEA15B
oklch(0.79 0.14 55.9)
Farbumrechnungen
- HEX
- #fea15b
- RGB
- rgb(254 161 91)
- HSL
- hsl(26 99% 68%)
- HWB
- hwb(26 36% 0%)
- OKLCH
- oklch(0.79 0.14 55.9)
- OKLab
- oklab(0.79 0.078 0.116)
- CIE Lab
- lab(74.97 31.01 50.77)
- LCH
- lch(74.97 59.49 58.6)
- CMYK
- cmyk(0% 37% 64% 0%)
Tints · Shades · Tones
Tints
- FFAB6E
- FFB57F
- FFBE90
- FFC8A0
- FFD1B0
- FFDAC0
- FFE4D0
- FFEDE0
- FFF6EF
Shades
- DD8B4E
- BD7641
- 9E6235
- 804E29
- 633C1E
- 472A13
- 2D1909
- 160903
- 030100
Tones
- F19E61
- E59B66
- D8986B
- CC956F
- BF9273
- B38F76
- A68B79
- 99887C
- 8D847E
Farbharmonien
Komplementär +180°
- FEA15B
Clarified Orange
- 62C6FF
≈ Blue Mana
Analog -30° +30°
- FEA15B
Clarified Orange
- FF9B91
≈ Peach Pink
- E2B33F
≈ Super Lemon
Triadisch +120° +240°
- FEA15B
Clarified Orange
- 2CD7B7
≈ Channel Marker Green
- C1AAFF
≈ Purple Hepatica
Geteilt komplementär +150° +210°
- FEA15B
Clarified Orange
- 00D2E5
≈ Aztec Turquoise
- 9BB9FF
≈ Truesky Gloxym
Tetradisch +90° +180° +270°
- FEA15B
Clarified Orange
- 7BD283
≈ Electric Lettuce
- 62C6FF
≈ Blue Mana
- E89AEA
≈ Diva Mecha
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.00:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.46:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.46:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--clarified-orange: #fea15b;
--clarified-orange-rgb: 254 161 91;
--clarified-orange-oklch: oklch(0.79 0.14 55.9);
}
.element {
color: var(--clarified-orange);
background-color: hsl(26 99% 68%);
border-color: oklch(0.79 0.14 55.9);
}Tailwind CSS v4
@theme {
--color-clarified-orange: #fea15b;
--color-clarified-orange-50: #ffecce;
--color-clarified-orange-100: #ffddba;
--color-clarified-orange-200: #ffc699;
--color-clarified-orange-300: #eda56d;
--color-clarified-orange-400: #dc8644;
--color-clarified-orange-500: #ca6800;
--color-clarified-orange-600: #aa5905;
--color-clarified-orange-700: #894707;
--color-clarified-orange-800: #663206;
--color-clarified-orange-900: #482204;
--color-clarified-orange-950: #2f1100;
}SCSS
$clarified-orange: #fea15b;
$clarified-orange-rgb: 254, 161, 91;
$clarified-orange-light: mix(#fff, $clarified-orange, 20%);
$clarified-orange-dark: mix(#000, $clarified-orange, 20%);
.element {
color: $clarified-orange;
box-shadow: 0 0 0 2px rgba($clarified-orange, 0.35);
}