Màu có tên gần nhất · #A0426A
#A0426A
Màu có tên gần nhất: Royal Flush
#A0426A (rgb(160 66 106), hsl(334 42% 44%), oklch(0.516 0.132 356.1)) gần nhất với màu có tên Royal Flush. 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.
#A0426A
oklch(0.516 0.132 356.1)
Chuyển đổi màu
- HEX
- #a0426a
- RGB
- rgb(160 66 106)
- HSL
- hsl(334 42% 44%)
- HWB
- hwb(334 26% 37%)
- OKLCH
- oklch(0.516 0.132 356.1)
- OKLab
- oklab(0.516 0.131 -0.009)
- CIE Lab
- lab(42.16 42.76 -2.86)
- LCH
- lch(42.16 42.85 356.2)
- CMYK
- cmyk(0% 59% 34% 37%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AB5578
- B66886
- C07A94
- CA8DA3
- D4A0B2
- DDB2C1
- E6C5D0
- EFD8DF
- F7ECEF
Sắc đậm
- 8B385B
- 762F4D
- 61253F
- 4E1C31
- 3B1424
- 290B18
- 19050D
- 090104
- 010000
Sắc xám
- 9E4A6C
- 9C516E
- 995771
- 965E73
- 936475
- 906A77
- 8D6F79
- 89757C
- 857B7E
Hòa sắc
Bổ túc +180°
- A0426A
Royal Flush
- 007966
≈ Shady Glade
Tương đồng -30° +30°
- A0426A
Royal Flush
- 8D4990
≈ Cosmic Berry
- A6443E
≈ Red Revival
Bộ ba +120° +240°
- A0426A
Royal Flush
- 656F00
≈ Brownish Green
- 00709F
≈ Cat’s Purr
Bổ túc chia +150° +210°
- A0426A
Royal Flush
- 287B35
≈ Gorgeous Green
- 007681
≈ Hypnotic Sea
Bộ bốn +90° +180° +270°
- A0426A
Royal Flush
- 836200
≈ Ground Earth
- 007966
≈ Shady Glade
- 4463B3
≈ Kakitsubata Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.03:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.48:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--royal-flush: #a0426a;
--royal-flush-rgb: 160 66 106;
--royal-flush-oklch: oklch(0.516 0.132 356.1);
}
.element {
color: var(--royal-flush);
background-color: hsl(334 42% 44%);
border-color: oklch(0.516 0.132 356.1);
}Tailwind CSS v4
@theme {
--color-royal-flush: #a0426a;
--color-royal-flush-50: #ffe6f5;
--color-royal-flush-100: #ffd6e7;
--color-royal-flush-200: #ffbdd4;
--color-royal-flush-300: #ee9bb7;
--color-royal-flush-400: #db7ca1;
--color-royal-flush-500: #c85c89;
--color-royal-flush-600: #a94f74;
--color-royal-flush-700: #883f5d;
--color-royal-flush-800: #642d45;
--color-royal-flush-900: #461e30;
--color-royal-flush-950: #2e0e1c;
}SCSS
$royal-flush: #a0426a;
$royal-flush-rgb: 160, 66, 106;
$royal-flush-light: mix(#fff, $royal-flush, 20%);
$royal-flush-dark: mix(#000, $royal-flush, 20%);
.element {
color: $royal-flush;
box-shadow: 0 0 0 2px rgba($royal-flush, 0.35);
}