Màu có tên · #AC74A4
Orchid Kiss
Orchid Kiss là #AC74A4: rgb(172 116 164), hsl(309 25% 56%), oklch(0.633 0.096 331.8). 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.
What does Pink mean? → · Orchid Kiss color name →
#AC74A4
oklch(0.633 0.096 331.8)
Chuyển đổi màu
- HEX
- #ac74a4
- RGB
- rgb(172 116 164)
- HSL
- hsl(309 25% 56%)
- HWB
- hwb(309 45% 33%)
- OKLCH
- oklch(0.633 0.096 331.8)
- OKLab
- oklab(0.633 0.084 -0.045)
- CIE Lab
- lab(56.04 28.4 -16.58)
- LCH
- lch(56.04 32.88 329.7)
- CMYK
- cmyk(0% 33% 5% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B581AD
- BD8FB6
- C69DBF
- CEAAC8
- D6B8D1
- DEC6DA
- E7D4E3
- EFE2EC
- F7F1F6
Sắc đậm
- 95648E
- 7F5479
- 694564
- 543750
- 40293D
- 2D1B2B
- 1B0F1A
- 0B050A
- 010101
Sắc xám
- A876A0
- A4779D
- 9F7899
- 9B7A96
- 977B92
- 927C8F
- 8E7D8B
- 897E87
- 857F84
Hòa sắc
Bổ túc +180°
- AC74A4
Orchid Kiss
- 5B9B6D
≈ Basil Pesto
Tương đồng -30° +30°
- AC74A4
Orchid Kiss
- 947CBB
≈ Lavender Purple
- BA7186
≈ Smell the Roses
Bộ ba +120° +240°
- AC74A4
Orchid Kiss
- 9F8840
≈ Ecru Olive
- 3199AB
≈ Aqua Dance
Bổ túc chia +150° +210°
- AC74A4
Orchid Kiss
- 80934F
≈ Camo
- 379D8E
≈ Dioptase Green
Bộ bốn +90° +180° +270°
- AC74A4
Orchid Kiss
- B47C4A
≈ Cowboy Hat
- 5B9B6D
≈ Basil Pesto
- 5191BF
≈ Azure Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.62:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.78:1 · APCA Lc 38
Màu chữ tốt nhất: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Đoạn mã
CSS
:root {
--orchid-kiss: #ac74a4;
--orchid-kiss-rgb: 172 116 164;
--orchid-kiss-oklch: oklch(0.633 0.096 331.8);
}
.element {
color: var(--orchid-kiss);
background-color: hsl(309 25% 56%);
border-color: oklch(0.633 0.096 331.8);
}Tailwind CSS v4
@theme {
--color-orchid-kiss: #ac74a4;
--color-orchid-kiss-50: #ffecff;
--color-orchid-kiss-100: #fdddf5;
--color-orchid-kiss-200: #eec6e5;
--color-orchid-kiss-300: #d6a5cc;
--color-orchid-kiss-400: #c089b8;
--color-orchid-kiss-500: #ab6ea3;
--color-orchid-kiss-600: #915d89;
--color-orchid-kiss-700: #744a6e;
--color-orchid-kiss-800: #553652;
--color-orchid-kiss-900: #3b2539;
--color-orchid-kiss-950: #251324;
}SCSS
$orchid-kiss: #ac74a4;
$orchid-kiss-rgb: 172, 116, 164;
$orchid-kiss-light: mix(#fff, $orchid-kiss, 20%);
$orchid-kiss-dark: mix(#000, $orchid-kiss, 20%);
.element {
color: $orchid-kiss;
box-shadow: 0 0 0 2px rgba($orchid-kiss, 0.35);
}