Couleur nommée · #FF9944
Absolute Apricot
Absolute Apricot correspond à #FF9944 : rgb(255 153 68), hsl(27 100% 63%), oklch(0.775 0.156 57). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Absolute Apricot color name →
#FF9944
oklch(0.775 0.156 57)
Conversions de couleur
- HEX
- #ff9944
- RGB
- rgb(255 153 68)
- HSL
- hsl(27 100% 63%)
- HWB
- hwb(27 27% 0%)
- OKLCH
- oklch(0.775 0.156 57)
- OKLab
- oklab(0.775 0.085 0.131)
- CIE Lab
- lab(73.18 34.5 59.59)
- LCH
- lch(73.18 68.85 59.9)
- CMYK
- cmyk(0% 40% 73% 0%)
Teintes · Ombres · Tons
Teintes
- FFA45C
- FFAF70
- FFB984
- FFC396
- FFCEA8
- FFD8BA
- FFE2CB
- FFEBDC
- FFF5EE
Ombres
- DE843A
- BE7030
- 9E5D26
- 804A1D
- 633814
- 48270C
- 2E1705
- 160802
- 030100
Tons
- F2974E
- E69557
- D9935E
- CD9165
- C08E6B
- B38C70
- A78974
- 9A8679
- 8D837C
Harmonies de couleurs
Complémentaire +180°
- FF9944
Absolute Apricot
- 56C2FF
≈ Blue Mana
Analogue -30° +30°
- FF9944
Absolute Apricot
- FF9387
≈ Adobe Avenue
- E0AE11
≈ Mustard Yellow
Triadique +120° +240°
- FF9944
Absolute Apricot
- 00D3B4
≈ Mint Leaf
- BFA3FF
≈ Diva
Complémentaire divisée +150° +210°
- FF9944
Absolute Apricot
- 00CDE0
≈ Picnic Day Sky
- 95B3FF
≈ Carolina Blue
Tétradique +90° +180° +270°
- FF9944
Absolute Apricot
- 6AD079
≈ Snow Pea
- 56C2FF
≈ Blue Mana
- E990E9
≈ Frail Fuchsia
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.12:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.89:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--absolute-apricot: #ff9944;
--absolute-apricot-rgb: 255 153 68;
--absolute-apricot-oklch: oklch(0.775 0.156 57);
}
.element {
color: var(--absolute-apricot);
background-color: hsl(27 100% 63%);
border-color: oklch(0.775 0.156 57);
}Tailwind CSS v4
@theme {
--color-absolute-apricot: #ff9944;
--color-absolute-apricot-50: #ffebc9;
--color-absolute-apricot-100: #ffdcb4;
--color-absolute-apricot-200: #ffc490;
--color-absolute-apricot-300: #f2a361;
--color-absolute-apricot-400: #e28331;
--color-absolute-apricot-500: #d06400;
--color-absolute-apricot-600: #af5500;
--color-absolute-apricot-700: #8d4400;
--color-absolute-apricot-800: #6a3000;
--color-absolute-apricot-900: #4a2100;
--color-absolute-apricot-950: #310f00;
}SCSS
$absolute-apricot: #ff9944;
$absolute-apricot-rgb: 255, 153, 68;
$absolute-apricot-light: mix(#fff, $absolute-apricot, 20%);
$absolute-apricot-dark: mix(#000, $absolute-apricot, 20%);
.element {
color: $absolute-apricot;
box-shadow: 0 0 0 2px rgba($absolute-apricot, 0.35);
}