En yakın adlandırılmış renk · #AD5467
#AD5467
En yakın adlandırılmış renk: Extravagant Blush
#AD5467 (rgb(173 84 103), hsl(347 35% 50%), oklch(0.56 0.118 8.2)) en çok Extravagant Blush 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.
#AD5467
oklch(0.56 0.118 8.2)
Renk dönüşümleri
- HEX
- #ad5467
- RGB
- rgb(173 84 103)
- HSL
- hsl(347 35% 50%)
- HWB
- hwb(347 33% 32%)
- OKLCH
- oklch(0.56 0.118 8.2)
- OKLab
- oklab(0.56 0.116 0.017)
- CIE Lab
- lab(47.59 38.55 7.08)
- LCH
- lch(47.59 39.2 10.4)
- CMYK
- cmyk(0% 51% 40% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B76575
- C07683
- C98792
- D197A1
- DAA8B0
- E2B9BF
- E9CBCF
- F1DCDF
- F8EDEF
Koyu tonlar
- 964859
- 7F3C4B
- 6A313D
- 552630
- 411B23
- 2D1117
- 1B080C
- 0B0204
- 010000
Gri tonlar
- A95969
- A65E6C
- A2636E
- 9E6871
- 996C73
- 957076
- 907478
- 8B787B
- 867C7D
Renk uyumları
Tamamlayıcı +180°
- AD5467
Extravagant Blush
- 00867F
≈ Ornamental Turquoise
Analog -30° +30°
- AD5467
Extravagant Blush
- A0578C
≈ Purple Zergling
- AE593E
≈ Brown Rust
Üçlü +120° +240°
- AD5467
Extravagant Blush
- 60812E
≈ Straken Green
- 3379B6
≈ North Atlantic Breeze
Bölünmüş tamamlayıcı +150° +210°
- AD5467
Extravagant Blush
- 238959
≈ Vital Green
- 00829C
≈ Decore Splash
Dörtlü +90° +180° +270°
- AD5467
Extravagant Blush
- 877400
≈ Soft Fig
- 00867F
≈ Ornamental Turquoise
- 656CB8
≈ Chetwode Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.95:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.24:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--extravagant-blush: #ad5467;
--extravagant-blush-rgb: 173 84 103;
--extravagant-blush-oklch: oklch(0.56 0.118 8.2);
}
.element {
color: var(--extravagant-blush);
background-color: hsl(347 35% 50%);
border-color: oklch(0.56 0.118 8.2);
}Tailwind CSS v4
@theme {
--color-extravagant-blush: #ad5467;
--color-extravagant-blush-50: #ffe8ed;
--color-extravagant-blush-100: #ffd8df;
--color-extravagant-blush-200: #ffc0c9;
--color-extravagant-blush-300: #ec9ea9;
--color-extravagant-blush-400: #d98091;
--color-extravagant-blush-500: #c66277;
--color-extravagant-blush-600: #a75365;
--color-extravagant-blush-700: #864250;
--color-extravagant-blush-800: #642f3c;
--color-extravagant-blush-900: #462029;
--color-extravagant-blush-950: #2d0f17;
}SCSS
$extravagant-blush: #ad5467;
$extravagant-blush-rgb: 173, 84, 103;
$extravagant-blush-light: mix(#fff, $extravagant-blush, 20%);
$extravagant-blush-dark: mix(#000, $extravagant-blush, 20%);
.element {
color: $extravagant-blush;
box-shadow: 0 0 0 2px rgba($extravagant-blush, 0.35);
}