En yakın adlandırılmış renk · #A24067
#A24067
En yakın adlandırılmış renk: Royal Flush
#A24067 (rgb(162 64 103), hsl(336 43% 44%), oklch(0.515 0.136 358.2)) en çok Royal Flush 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.
#A24067
oklch(0.515 0.136 358.2)
Renk dönüşümleri
- HEX
- #a24067
- RGB
- rgb(162 64 103)
- HSL
- hsl(336 43% 44%)
- HWB
- hwb(336 25% 36%)
- OKLCH
- oklch(0.515 0.136 358.2)
- OKLab
- oklab(0.515 0.136 -0.004)
- CIE Lab
- lab(42.06 44.09 -1.09)
- LCH
- lch(42.06 44.1 358.6)
- CMYK
- cmyk(0% 60% 36% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD5475
- B86783
- C27992
- CC8CA1
- D59FB0
- DEB2BF
- E7C5CF
- EFD8DF
- F7EBEF
Koyu tonlar
- 8C3659
- 772D4B
- 63243D
- 4F1B30
- 3C1323
- 2A0B17
- 19050C
- 0A0104
- 010000
Gri tonlar
- A04869
- 9D4F6C
- 9B566E
- 985D71
- 956373
- 916976
- 8E6F78
- 89757B
- 857A7D
Renk uyumları
Tamamlayıcı +180°
- A24067
Royal Flush
- 007968
≈ Shady Glade
Analog -30° +30°
- A24067
Royal Flush
- 90478E
≈ Plum Pie
- A74239
≈ Cherry Race
Üçlü +120° +240°
- A24067
Royal Flush
- 627000
≈ Brownish Green
- 006FA1
≈ Disarm
Bölünmüş tamamlayıcı +150° +210°
- A24067
Royal Flush
- 1B7C37
≈ Verdant Vale
- 007582
≈ Deep Current
Dörtlü +90° +180° +270°
- A24067
Royal Flush
- 816300
≈ Ground Earth
- 007968
≈ Shady Glade
- 4761B5
≈ Kakitsubata Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.05:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.46:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-flush: #a24067;
--royal-flush-rgb: 162 64 103;
--royal-flush-oklch: oklch(0.515 0.136 358.2);
}
.element {
color: var(--royal-flush);
background-color: hsl(336 43% 44%);
border-color: oklch(0.515 0.136 358.2);
}Tailwind CSS v4
@theme {
--color-royal-flush: #a24067;
--color-royal-flush-50: #ffe6f3;
--color-royal-flush-100: #ffd6e6;
--color-royal-flush-200: #ffbcd2;
--color-royal-flush-300: #f19ab4;
--color-royal-flush-400: #de7a9e;
--color-royal-flush-500: #ca5a85;
--color-royal-flush-600: #ab4d71;
--color-royal-flush-700: #893d5a;
--color-royal-flush-800: #662c44;
--color-royal-flush-900: #481e2f;
--color-royal-flush-950: #2e0d1b;
}SCSS
$royal-flush: #a24067;
$royal-flush-rgb: 162, 64, 103;
$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);
}