En yakın adlandırılmış renk · #A45E9A
#A45E9A
En yakın adlandırılmış renk: Bermuda Onion
#A45E9A (rgb(164 94 154), hsl(309 28% 51%), oklch(0.582 0.12 332.4)) en çok Bermuda Onion 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.
#A45E9A
oklch(0.582 0.12 332.4)
Renk dönüşümleri
- HEX
- #a45e9a
- RGB
- rgb(164 94 154)
- HSL
- hsl(309 28% 51%)
- HWB
- hwb(309 37% 36%)
- OKLCH
- oklch(0.582 0.12 332.4)
- OKLab
- oklab(0.582 0.107 -0.056)
- CIE Lab
- lab(49.79 35.77 -20.32)
- LCH
- lch(49.79 41.14 330.4)
- CMYK
- cmyk(0% 43% 6% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AE6EA4
- B77EAE
- C18DB8
- CA9DC2
- D3ADCC
- DCBDD6
- E5CDE0
- EEDEEB
- F6EEF5
Koyu tonlar
- 8E5185
- 794471
- 64375E
- 502B4B
- 3D1F39
- 2B1427
- 1A0A17
- 0A0309
- 010001
Gri tonlar
- A16298
- 9E6695
- 9A6A93
- 976D90
- 94708D
- 90748B
- 8C7788
- 887A85
- 847D83
Renk uyumları
Tamamlayıcı +180°
- A45E9A
Bermuda Onion
- 378F57
≈ Shamrock Field
Analog -30° +30°
- A45E9A
Bermuda Onion
- 8968B6
≈ Lavish Spending
- B45975
≈ Kir Royale Rose
Üçlü +120° +240°
- A45E9A
Bermuda Onion
- 947800
≈ Bhūrā Brown
- 008A9E
≈ Teal Blue
Bölünmüş tamamlayıcı +150° +210°
- A45E9A
Bermuda Onion
- 6F862A
≈ Sun Valley
- 008F80
≈ Philips Green
Dörtlü +90° +180° +270°
- A45E9A
Bermuda Onion
- AC691F
≈ Golden Oak
- 378F57
≈ Shamrock Field
- 2A82BC
≈ Mediterranean Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--bermuda-onion: #a45e9a;
--bermuda-onion-rgb: 164 94 154;
--bermuda-onion-oklch: oklch(0.582 0.12 332.4);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(309 28% 51%);
border-color: oklch(0.582 0.12 332.4);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #a45e9a;
--color-bermuda-onion-50: #ffe9ff;
--color-bermuda-onion-100: #ffd9f8;
--color-bermuda-onion-200: #f5c1e9;
--color-bermuda-onion-300: #dea0d1;
--color-bermuda-onion-400: #c883be;
--color-bermuda-onion-500: #b466a9;
--color-bermuda-onion-600: #98568f;
--color-bermuda-onion-700: #7a4572;
--color-bermuda-onion-800: #593256;
--color-bermuda-onion-900: #3f223c;
--color-bermuda-onion-950: #281126;
}SCSS
$bermuda-onion: #a45e9a;
$bermuda-onion-rgb: 164, 94, 154;
$bermuda-onion-light: mix(#fff, $bermuda-onion, 20%);
$bermuda-onion-dark: mix(#000, $bermuda-onion, 20%);
.element {
color: $bermuda-onion;
box-shadow: 0 0 0 2px rgba($bermuda-onion, 0.35);
}