En yakın adlandırılmış renk · #A75E91
#A75E91
En yakın adlandırılmış renk: Bermuda Onion
#A75E91 (rgb(167 94 145), hsl(318 29% 51%), oklch(0.582 0.115 339.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.
#A75E91
oklch(0.582 0.115 339.4)
Renk dönüşümleri
- HEX
- #a75e91
- RGB
- rgb(167 94 145)
- HSL
- hsl(318 29% 51%)
- HWB
- hwb(318 37% 35%)
- OKLCH
- oklch(0.582 0.115 339.4)
- OKLab
- oklab(0.582 0.108 -0.041)
- CIE Lab
- lab(49.9 35.65 -14.79)
- LCH
- lch(49.9 38.6 337.5)
- CMYK
- cmyk(0% 44% 13% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B16E9C
- BA7DA6
- C38DB1
- CC9DBC
- D5ADC7
- DEBDD2
- E6CDDD
- EFDEE8
- F7EEF4
Koyu tonlar
- 91517D
- 7B446A
- 663758
- 522B46
- 3E1F35
- 2C1425
- 1A0A15
- 0A0307
- 010001
Gri tonlar
- A4628F
- A0668E
- 9D698C
- 996D8A
- 957089
- 917487
- 8D7785
- 897A84
- 857D82
Renk uyumları
Tamamlayıcı +180°
- A75E91
Bermuda Onion
- 2C8F62
≈ Viridian
Analog -30° +30°
- A75E91
Bermuda Onion
- 8F66AE
≈ Knight Elf
- B45B6C
≈ Slate Pink
Üçlü +120° +240°
- A75E91
Bermuda Onion
- 8C7B13
≈ Moscow Papyrus
- 0089A5
≈ Capri Breeze
Bölünmüş tamamlayıcı +150° +210°
- A75E91
Bermuda Onion
- 658839
≈ Stamnankáthi Green
- 008E87
≈ Aqua Experience
Dörtlü +90° +180° +270°
- A75E91
Bermuda Onion
- A66D1E
≈ Buckthorn Brown
- 2C8F62
≈ Viridian
- 3F7FBC
≈ Tufts Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51: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: #a75e91;
--bermuda-onion-rgb: 167 94 145;
--bermuda-onion-oklch: oklch(0.582 0.115 339.4);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(318 29% 51%);
border-color: oklch(0.582 0.115 339.4);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #a75e91;
--color-bermuda-onion-50: #ffe9ff;
--color-bermuda-onion-100: #ffd9f3;
--color-bermuda-onion-200: #f8c1e3;
--color-bermuda-onion-300: #e1a0c9;
--color-bermuda-onion-400: #cb83b5;
--color-bermuda-onion-500: #b7669f;
--color-bermuda-onion-600: #9b5686;
--color-bermuda-onion-700: #7c456c;
--color-bermuda-onion-800: #5b3251;
--color-bermuda-onion-900: #402238;
--color-bermuda-onion-950: #291123;
}SCSS
$bermuda-onion: #a75e91;
$bermuda-onion-rgb: 167, 94, 145;
$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);
}