Dichtstbijzijnde benoemde kleur · #FF8300
#FF8300
Dichtstbijzijnde benoemde kleur: Habañero
#FF8300 (rgb(255 131 0), hsl(31 100% 50%), oklch(0.736 0.184 54.3)) komt het dichtst bij de benoemde kleur Habañero. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FF8300
oklch(0.736 0.184 54.3)
Kleurconversies
- HEX
- #ff8300
- RGB
- rgb(255 131 0)
- HSL
- hsl(31 100% 50%)
- HWB
- hwb(31 0% 0%)
- OKLCH
- oklch(0.736 0.184 54.3)
- OKLab
- oklab(0.736 0.107 0.149)
- CIE Lab
- lab(68.4 44.08 75.14)
- LCH
- lch(68.4 87.11 59.6)
- CMYK
- cmyk(0% 49% 100% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FF913A
- FF9E57
- FFAB6F
- FFB885
- FFC49A
- FFD0AF
- FFDCC3
- FFE8D7
- FFF3EB
Schaduwen
- DE7100
- BE6000
- 9E4F00
- 803F00
- 632F00
- 482000
- 2E1200
- 160600
- 030100
Tonen
- F38429
- E6853B
- DA8549
- CD8554
- C1855D
- B48565
- A8846D
- 9B8374
- 8E827A
Kleurharmonieën
Complementair +180°
- FF8300
Habañero
- 00B8FC
≈ Blue Bolt
Analoog -30° +30°
- FF8300
Habañero
- FF7C76
≈ Salmon Sashimi
- D6A000
≈ Immortelle Yellow
Triadisch +120° +240°
- FF8300
Habañero
- 00C6A3
≈ Jadeite
- B095FF
≈ Liliac
Gesplitst complementair +150° +210°
- FF8300
Habañero
- 00C0CE
≈ The Crowd Roars!
- 7EA7FF
≈ Fennel Flower
Tetradisch +90° +180° +270°
- FF8300
Habañero
- 52C658
≈ Range Land
- 00B8FC
≈ Blue Bolt
- E17CEA
≈ Pink Bonnet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.47:1 · APCA Lc 48
Ag
AAAOp zwart
WCAG 8.49:1 · APCA Lc 54
Beste tekstkleur: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Codefragmenten
CSS
:root {
--habanero: #ff8300;
--habanero-rgb: 255 131 0;
--habanero-oklch: oklch(0.736 0.184 54.3);
}
.element {
color: var(--habanero);
background-color: hsl(31 100% 50%);
border-color: oklch(0.736 0.184 54.3);
}Tailwind CSS v4
@theme {
--color-habanero: #ff8300;
--color-habanero-50: #ffe8c3;
--color-habanero-100: #ffd9ac;
--color-habanero-200: #ffc085;
--color-habanero-300: #fe9c50;
--color-habanero-400: #ee7a00;
--color-habanero-500: #dd5700;
--color-habanero-600: #bb4a00;
--color-habanero-700: #963b00;
--color-habanero-800: #712900;
--color-habanero-900: #4f1c00;
--color-habanero-950: #350b00;
}SCSS
$habanero: #ff8300;
$habanero-rgb: 255, 131, 0;
$habanero-light: mix(#fff, $habanero, 20%);
$habanero-dark: mix(#000, $habanero, 20%);
.element {
color: $habanero;
box-shadow: 0 0 0 2px rgba($habanero, 0.35);
}