En yakın adlandırılmış renk · #FFADAD
#FFADAD
En yakın adlandırılmış renk: Apricot Haze
#FFADAD (rgb(255 173 173), hsl(0 100% 84%), oklch(0.827 0.097 19.3)) en çok Apricot Haze adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FFADAD
oklch(0.827 0.097 19.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFB5B5
- FFBEBD
- FFC6C5
- FFCECD
- FFD6D5
- FFDEDE
- FFE7E6
- FFEFEE
- FFF7F7
Koyu tonlar
- DE9696
- BE7F7F
- 9E6A6A
- 805555
- 634141
- 482D2D
- 2E1B1B
- 160B0B
- 030101
Gri tonlar
- F2A9A8
- E5A4A4
- D9A09F
- CC9B9B
- BF9796
- B29292
- A68E8D
- 998989
- 8D8584
Renk uyumları
Tamamlayıcı +180°
- FFADAD
Apricot Haze
- 72DADE
≈ Aquamarine Blue
Analog -30° +30°
- FFADAD
Apricot Haze
- F6ADD0
≈ Changeling Pink
- FAB48E
≈ Desert Sunrise
Üçlü +120° +240°
- FFADAD
Apricot Haze
- A6D699
≈ Cool Aloe
- A5C8FF
≈ Night Snow
Bölünmüş tamamlayıcı +150° +210°
- FFADAD
Apricot Haze
- 83DBBC
≈ Āsmānī Sky
- 80D3F9
≈ Kul Sharif Blue
Dörtlü +90° +180° +270°
- FFADAD
Apricot Haze
- CACC81
≈ Deco
- 72DADE
≈ Aquamarine Blue
- C4BDFF
≈ Lavender Tonic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.83:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
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);
}