Màu có tên gần nhất · #AD5467
#AD5467
Màu có tên gần nhất: Extravagant Blush
#AD5467 (rgb(173 84 103), hsl(347 35% 50%), oklch(0.56 0.118 8.2)) gần nhất với màu có tên Extravagant Blush. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#AD5467
oklch(0.56 0.118 8.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B76575
- C07683
- C98792
- D197A1
- DAA8B0
- E2B9BF
- E9CBCF
- F1DCDF
- F8EDEF
Sắc đậm
- 964859
- 7F3C4B
- 6A313D
- 552630
- 411B23
- 2D1117
- 1B080C
- 0B0204
- 010000
Sắc xám
- A95969
- A65E6C
- A2636E
- 9E6871
- 996C73
- 957076
- 907478
- 8B787B
- 867C7D
Hòa sắc
Bổ túc +180°
- AD5467
Extravagant Blush
- 00867F
≈ Ornamental Turquoise
Tương đồng -30° +30°
- AD5467
Extravagant Blush
- A0578C
≈ Purple Zergling
- AE593E
≈ Brown Rust
Bộ ba +120° +240°
- AD5467
Extravagant Blush
- 60812E
≈ Straken Green
- 3379B6
≈ North Atlantic Breeze
Bổ túc chia +150° +210°
- AD5467
Extravagant Blush
- 238959
≈ Vital Green
- 00829C
≈ Decore Splash
Bộ bốn +90° +180° +270°
- AD5467
Extravagant Blush
- 877400
≈ Soft Fig
- 00867F
≈ Ornamental Turquoise
- 656CB8
≈ Chetwode Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.95:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.24:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
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);
}