Couleur nommée la plus proche · #FFADAD
#FFADAD
Couleur nommée la plus proche: Apricot Haze
#FFADAD (rgb(255 173 173), hsl(0 100% 84%), oklch(0.827 0.097 19.3)) est la plus proche de la couleur nommée Apricot Haze. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFADAD
oklch(0.827 0.097 19.3)
Conversions de couleur
- HEX
- #ffadad
- RGB
- rgb(255 173 173)
- HSL
- hsl(0 100% 84%)
- HWB
- hwb(0 68% 0%)
- OKLCH
- oklch(0.827 0.097 19.3)
- OKLab
- oklab(0.827 0.091 0.032)
- CIE Lab
- lab(78.89 30.91 12.92)
- LCH
- lch(78.89 33.5 22.7)
- CMYK
- cmyk(0% 32% 32% 0%)
Teintes · Ombres · Tons
Teintes
- FFB5B5
- FFBEBD
- FFC6C5
- FFCECD
- FFD6D5
- FFDEDE
- FFE7E6
- FFEFEE
- FFF7F7
Ombres
- DE9696
- BE7F7F
- 9E6A6A
- 805555
- 634141
- 482D2D
- 2E1B1B
- 160B0B
- 030101
Tons
- F2A9A8
- E5A4A4
- D9A09F
- CC9B9B
- BF9796
- B29292
- A68E8D
- 998989
- 8D8584
Harmonies de couleurs
Complémentaire +180°
- FFADAD
Apricot Haze
- 72DADE
≈ Aquamarine Blue
Analogue -30° +30°
- FFADAD
Apricot Haze
- F6ADD0
≈ Changeling Pink
- FAB48E
≈ Desert Sunrise
Triadique +120° +240°
- FFADAD
Apricot Haze
- A6D699
≈ Cool Aloe
- A5C8FF
≈ Night Snow
Complémentaire divisée +150° +210°
- FFADAD
Apricot Haze
- 83DBBC
≈ Āsmānī Sky
- 80D3F9
≈ Kul Sharif Blue
Tétradique +90° +180° +270°
- FFADAD
Apricot Haze
- CACC81
≈ Deco
- 72DADE
≈ Aquamarine Blue
- C4BDFF
≈ Lavender Tonic
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.77:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.83:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--apricot-haze: #ffadad;
--apricot-haze-rgb: 255 173 173;
--apricot-haze-oklch: oklch(0.827 0.097 19.3);
}
.element {
color: var(--apricot-haze);
background-color: hsl(0 100% 84%);
border-color: oklch(0.827 0.097 19.3);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffadad;
--color-apricot-haze-50: #ffebe9;
--color-apricot-haze-100: #ffdcda;
--color-apricot-haze-200: #fbc5c2;
--color-apricot-haze-300: #e5a4a2;
--color-apricot-haze-400: #d28787;
--color-apricot-haze-500: #be6a6c;
--color-apricot-haze-600: #a05a5c;
--color-apricot-haze-700: #814849;
--color-apricot-haze-800: #5f3436;
--color-apricot-haze-900: #432325;
--color-apricot-haze-950: #2b1213;
}SCSS
$apricot-haze: #ffadad;
$apricot-haze-rgb: 255, 173, 173;
$apricot-haze-light: mix(#fff, $apricot-haze, 20%);
$apricot-haze-dark: mix(#000, $apricot-haze, 20%);
.element {
color: $apricot-haze;
box-shadow: 0 0 0 2px rgba($apricot-haze, 0.35);
}