En yakın adlandırılmış renk · #A65E95
#A65E95
En yakın adlandırılmış renk: Bermuda Onion
#A65E95 (rgb(166 94 149), hsl(314 29% 51%), oklch(0.583 0.118 336.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.
#A65E95
oklch(0.583 0.118 336.4)
Renk dönüşümleri
- HEX
- #a65e95
- RGB
- rgb(166 94 149)
- HSL
- hsl(314 29% 51%)
- HWB
- hwb(314 37% 35%)
- OKLCH
- oklch(0.583 0.118 336.4)
- OKLab
- oklab(0.583 0.108 -0.047)
- CIE Lab
- lab(49.89 35.81 -17.19)
- LCH
- lch(49.89 39.72 334.4)
- CMYK
- cmyk(0% 43% 10% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B06E9F
- B97EAA
- C28DB4
- CB9DBF
- D4ADC9
- DDBDD4
- E6CDDF
- EEDEE9
- F7EEF4
Koyu tonlar
- 905181
- 7A446D
- 65375A
- 512B48
- 3E1F37
- 2B1426
- 1A0A16
- 0A0308
- 010001
Gri tonlar
- A36293
- 9F6691
- 9C6A8F
- 986D8D
- 95708B
- 917489
- 8D7787
- 897A84
- 847D82
Renk uyumları
Tamamlayıcı +180°
- A65E95
Bermuda Onion
- 318F5D
≈ Lake Green
Analog -30° +30°
- A65E95
Bermuda Onion
- 8D67B2
≈ Knight Elf
- B45B70
≈ Slate Pink
Üçlü +120° +240°
- A65E95
Bermuda Onion
- 907A09
≈ Moscow Papyrus
- 008AA2
≈ Teal Blue
Bölünmüş tamamlayıcı +150° +210°
- A65E95
Bermuda Onion
- 698733
≈ Sun Valley
- 008E84
≈ Aqua Experience
Dörtlü +90° +180° +270°
- A65E95
Bermuda Onion
- A96B1E
≈ Inca Gold
- 318F5D
≈ Lake Green
- 3780BC
≈ Tufts Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--bermuda-onion: #a65e95;
--bermuda-onion-rgb: 166 94 149;
--bermuda-onion-oklch: oklch(0.583 0.118 336.4);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(314 29% 51%);
border-color: oklch(0.583 0.118 336.4);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #a65e95;
--color-bermuda-onion-50: #ffe9ff;
--color-bermuda-onion-100: #ffd9f5;
--color-bermuda-onion-200: #f7c1e6;
--color-bermuda-onion-300: #e0a0cc;
--color-bermuda-onion-400: #ca83b8;
--color-bermuda-onion-500: #b665a3;
--color-bermuda-onion-600: #9a568a;
--color-bermuda-onion-700: #7b456e;
--color-bermuda-onion-800: #5b3253;
--color-bermuda-onion-900: #3f223a;
--color-bermuda-onion-950: #281124;
}SCSS
$bermuda-onion: #a65e95;
$bermuda-onion-rgb: 166, 94, 149;
$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);
}