Couleur nommée · #FB9942
Kumquat
Kumquat correspond à #FB9942 : rgb(251 153 66), hsl(28 96% 62%), oklch(0.77 0.153 58.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Kumquat color name →
#FB9942
oklch(0.77 0.153 58.6)
Conversions de couleur
- HEX
- #fb9942
- RGB
- rgb(251 153 66)
- HSL
- hsl(28 96% 62%)
- HWB
- hwb(28 26% 2%)
- OKLCH
- oklch(0.77 0.153 58.6)
- OKLab
- oklab(0.77 0.08 0.131)
- CIE Lab
- lab(72.65 32.84 59.73)
- LCH
- lch(72.65 68.16 61.2)
- CMYK
- cmyk(0% 39% 74% 2%)
Teintes · Ombres · Tons
Teintes
- FDA45A
- FEAF6F
- FFB982
- FFC395
- FFCDA7
- FFD8B9
- FFE2CB
- FFEBDC
- FFF5EE
Ombres
- DA8438
- BA702F
- 9C5D25
- 7E4A1C
- 613814
- 46270B
- 2D1705
- 150801
- 030100
Tons
- EF974D
- E39556
- D6935D
- CA9164
- BE8E6A
- B28C6F
- A58974
- 998678
- 8D837C
Harmonies de couleurs
Complémentaire +180°
- FB9942
Kumquat
- 56BFFF
≈ Hello Summer
Analogue -30° +30°
- FB9942
Kumquat
- FF9182
≈ Desert Flower
- DCAD16
≈ Deadly Mustard
Triadique +120° +240°
- FB9942
Kumquat
- 00D1B5
≈ Mint Leaf
- C0A0FF
≈ Diva
Complémentaire divisée +150° +210°
- FB9942
Kumquat
- 00CBE1
≈ Picnic Day Sky
- 95B1FF
≈ Widowmaker
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.73:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--kumquat: #fb9942;
--kumquat-rgb: 251 153 66;
--kumquat-oklch: oklch(0.77 0.153 58.6);
}
.element {
color: var(--kumquat);
background-color: hsl(28 96% 62%);
border-color: oklch(0.77 0.153 58.6);
}Tailwind CSS v4
@theme {
--color-kumquat: #fb9942;
--color-kumquat-50: #ffecc9;
--color-kumquat-100: #ffddb4;
--color-kumquat-200: #ffc590;
--color-kumquat-300: #f0a462;
--color-kumquat-400: #e08531;
--color-kumquat-500: #cd6600;
--color-kumquat-600: #ad5700;
--color-kumquat-700: #8b4500;
--color-kumquat-800: #683100;
--color-kumquat-900: #4a2100;
--color-kumquat-950: #301000;
}SCSS
$kumquat: #fb9942;
$kumquat-rgb: 251, 153, 66;
$kumquat-light: mix(#fff, $kumquat, 20%);
$kumquat-dark: mix(#000, $kumquat, 20%);
.element {
color: $kumquat;
box-shadow: 0 0 0 2px rgba($kumquat, 0.35);
}