Adlandırılmış renk · #A2345C
Bōtan
Bōtan, #A2345C: rgb(162 52 92), hsl(338 51% 42%), oklch(0.497 0.149 1.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Bōtan color name →
#A2345C
oklch(0.497 0.149 1.9)
Renk dönüşümleri
- HEX
- #a2345c
- RGB
- rgb(162 52 92)
- HSL
- hsl(338 51% 42%)
- HWB
- hwb(338 20% 36%)
- OKLCH
- oklch(0.497 0.149 1.9)
- OKLab
- oklab(0.497 0.148 0.005)
- CIE Lab
- lab(39.83 48.29 2.58)
- LCH
- lch(39.83 48.36 3.1)
- CMYK
- cmyk(0% 68% 43% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD4A6B
- B85F7A
- C3738A
- CD869A
- D69AAA
- DFAEBA
- E8C2CB
- F0D6DC
- F8EAED
Koyu tonlar
- 8C2C4F
- 772442
- 631C36
- 4F152A
- 3C0E1F
- 2A0714
- 19030A
- 0A0103
- 010000
Gri tonlar
- A03E60
- 9E4763
- 9B4F67
- 99576A
- 965F6E
- 926671
- 8E6C75
- 8A7379
- 857A7C
Renk uyumları
Tamamlayıcı +180°
- A2345C
Bōtan
- 007366
≈ Pharaoh’s Gem
Analog -30° +30°
- A2345C
Bōtan
- 903C87
≈ Hollyhock
- A63826
≈ Jaipur
Üçlü +120° +240°
- A2345C
Bōtan
- 586C00
≈ Over the Hills
- 00699F
≈ Jazz Blue
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.59:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--botan: #a2345c;
--botan-rgb: 162 52 92;
--botan-oklch: oklch(0.497 0.149 1.9);
}
.element {
color: var(--botan);
background-color: hsl(338 51% 42%);
border-color: oklch(0.497 0.149 1.9);
}Tailwind CSS v4
@theme {
--color-botan: #a2345c;
--color-botan-50: #ffe4f0;
--color-botan-100: #ffd4e2;
--color-botan-200: #ffbacd;
--color-botan-300: #f796af;
--color-botan-400: #e47698;
--color-botan-500: #d2547f;
--color-botan-600: #b1486b;
--color-botan-700: #8e3956;
--color-botan-800: #6a2940;
--color-botan-900: #4a1b2c;
--color-botan-950: #300b19;
}SCSS
$botan: #a2345c;
$botan-rgb: 162, 52, 92;
$botan-light: mix(#fff, $botan, 20%);
$botan-dark: mix(#000, $botan, 20%);
.element {
color: $botan;
box-shadow: 0 0 0 2px rgba($botan, 0.35);
}