Colore con nome più vicino · #FFAEAD
#FFAEAD
Colore con nome più vicino: Apricot Haze
#FFAEAD (rgb(255 174 173), hsl(1 100% 84%), oklch(0.828 0.096 20.1)) è più vicino al colore con nome Apricot Haze. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FFAEAD
oklch(0.828 0.096 20.1)
Conversioni di colore
- HEX
- #ffaead
- RGB
- rgb(255 174 173)
- HSL
- hsl(1 100% 84%)
- HWB
- hwb(1 68% 0%)
- OKLCH
- oklch(0.828 0.096 20.1)
- OKLab
- oklab(0.828 0.09 0.033)
- CIE Lab
- lab(79.11 30.41 13.23)
- LCH
- lch(79.11 33.17 23.5)
- CMYK
- cmyk(0% 32% 32% 0%)
Tinte · Ombre · Toni
Tinte
- FFB6B5
- FFBEBD
- FFC7C5
- FFCFCD
- FFD7D6
- FFDFDE
- FFE7E6
- FFEFEE
- FFF7F7
Ombre
- DE9796
- BE807F
- 9E6A6A
- 805555
- 634141
- 482E2D
- 2E1C1B
- 160B0B
- 030101
Toni
- F2AAA8
- E5A5A4
- D8A19F
- CC9C9B
- BF9796
- B29392
- A68E8D
- 998989
- 8D8584
Armonie di colore
Complementare +180°
- FFAEAD
Apricot Haze
- 74DADF
≈ Deep Aquamarine
Analogo -30° +30°
- FFAEAD
Apricot Haze
- F7ADCF
≈ Changeling Pink
- FAB58F
≈ Desert Sunrise
Triadico +120° +240°
- FFAEAD
Apricot Haze
- A6D79B
≈ Cool Aloe
- A7C8FF
≈ Night Snow
Complementare divisa +150° +210°
- FFAEAD
Apricot Haze
- 84DBBD
≈ Āsmānī Sky
- 82D3F9
≈ Kul Sharif Blue
Tetradico +90° +180° +270°
- FFAEAD
Apricot Haze
- CACD83
≈ Sunken Treasure
- 74DADF
≈ Deep Aquamarine
- C5BDFF
≈ Lavender Tonic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.90:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.90:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--apricot-haze: #ffaead;
--apricot-haze-rgb: 255 174 173;
--apricot-haze-oklch: oklch(0.828 0.096 20.1);
}
.element {
color: var(--apricot-haze);
background-color: hsl(1 100% 84%);
border-color: oklch(0.828 0.096 20.1);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffaead;
--color-apricot-haze-50: #ffebe9;
--color-apricot-haze-100: #ffdcda;
--color-apricot-haze-200: #fbc5c2;
--color-apricot-haze-300: #e4a4a1;
--color-apricot-haze-400: #d18787;
--color-apricot-haze-500: #bd6b6b;
--color-apricot-haze-600: #a05b5b;
--color-apricot-haze-700: #804849;
--color-apricot-haze-800: #5f3436;
--color-apricot-haze-900: #432425;
--color-apricot-haze-950: #2b1213;
}SCSS
$apricot-haze: #ffaead;
$apricot-haze-rgb: 255, 174, 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);
}