Benoemde kleur · #E48400
Fulvous
Fulvous is #E48400: rgb(228 132 0), hsl(35 100% 45%), oklch(0.702 0.161 62.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Fulvous color name →
#E48400
oklch(0.702 0.161 62.2)
Kleurconversies
- HEX
- #e48400
- RGB
- rgb(228 132 0)
- HSL
- hsl(35 100% 45%)
- HWB
- hwb(35 0% 11%)
- OKLCH
- oklch(0.702 0.161 62.2)
- OKLab
- oklab(0.702 0.075 0.143)
- CIE Lab
- lab(64.81 32.86 70.78)
- LCH
- lch(64.81 78.04 65.1)
- CMYK
- cmyk(0% 42% 100% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E89138
- EC9E54
- EFAA6C
- F2B782
- F5C398
- F7CFAD
- FADBC1
- FCE7D6
- FEF3EA
Schaduwen
- C67200
- A96000
- 8D4F00
- 723F00
- 582F00
- 3F2000
- 281200
- 120600
- 030100
Tonen
- DA8527
- D18539
- C78547
- BD8552
- B3845B
- A98464
- 9F836B
- 958273
- 8B817A
Kleurharmonieën
Complementair +180°
- E48400
Fulvous
- 1BA8FA
≈ Protoss Pylon
Analoog -30° +30°
- E48400
Fulvous
- F2735C
≈ Mild Heart Attack
- BF9B00
≈ Perennial
Triadisch +120° +240°
- E48400
Fulvous
- 00B8A5
≈ Aare River
- B383F1
≈ Lilac Geode
Gesplitst complementair +150° +210°
- E48400
Fulvous
- 00B2CB
≈ Havasupai Falls
- 7E96FF
≈ Periwinkle Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.76:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.59:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--fulvous: #e48400;
--fulvous-rgb: 228 132 0;
--fulvous-oklch: oklch(0.702 0.161 62.2);
}
.element {
color: var(--fulvous);
background-color: hsl(35 100% 45%);
border-color: oklch(0.702 0.161 62.2);
}Tailwind CSS v4
@theme {
--color-fulvous: #e48400;
--color-fulvous-50: #ffecc6;
--color-fulvous-100: #ffddb0;
--color-fulvous-200: #ffc68a;
--color-fulvous-300: #f0a558;
--color-fulvous-400: #e0851c;
--color-fulvous-500: #ce6600;
--color-fulvous-600: #ae5700;
--color-fulvous-700: #8c4600;
--color-fulvous-800: #693100;
--color-fulvous-900: #4a2100;
--color-fulvous-950: #301000;
}SCSS
$fulvous: #e48400;
$fulvous-rgb: 228, 132, 0;
$fulvous-light: mix(#fff, $fulvous, 20%);
$fulvous-dark: mix(#000, $fulvous, 20%);
.element {
color: $fulvous;
box-shadow: 0 0 0 2px rgba($fulvous, 0.35);
}