Color con nombre más cercano · #9F5C9F
#9F5C9F
Color con nombre más cercano: Bermuda Onion
#9F5C9F (rgb(159 92 159), hsl(300 27% 49%), oklch(0.575 0.125 327.1)) se parece más al color con nombre Bermuda Onion. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9F5C9F
oklch(0.575 0.125 327.1)
Conversiones de color
- HEX
- #9f5c9f
- RGB
- rgb(159 92 159)
- HSL
- hsl(300 27% 49%)
- HWB
- hwb(300 36% 38%)
- OKLCH
- oklch(0.575 0.125 327.1)
- OKLab
- oklab(0.575 0.105 -0.068)
- CIE Lab
- lab(48.87 35.78 -24.74)
- LCH
- lch(48.87 43.5 325.3)
- CMYK
- cmyk(0% 42% 0% 38%)
Tintes · Sombras · Tonos
Tintes
- A96CA9
- B37CB2
- BD8CBC
- C69CC5
- D0ACCF
- DABCD9
- E3CDE2
- ECDDEC
- F6EEF5
Sombras
- 8A4F8A
- 754275
- 613661
- 4D2A4D
- 3B1F3B
- 291429
- 180A18
- 090309
- 010001
Tonos
- 9C609C
- 9A6499
- 976896
- 946C93
- 917090
- 8E738D
- 8A768A
- 877A87
- 847D83
Armonías de color
Complementario +180°
- 9F5C9F
Bermuda Onion
- 3E8C4B
≈ Underclover
Análogo -30° +30°
- 9F5C9F
Bermuda Onion
- 8167B9
≈ Lavish Spending
- B1567A
≈ Speedwell
Triádico +120° +240°
- 9F5C9F
Bermuda Onion
- 977300
≈ Sandy Taupe
- 008996
≈ Zuni
Complementario dividido +150° +210°
- 9F5C9F
Bermuda Onion
- 748216
≈ Verde Tropa
- 008D78
≈ Emerald Enchantment
Tetrádico +90° +180° +270°
- 9F5C9F
Bermuda Onion
- AF631F
≈ Date Fruit Brown
- 3E8C4B
≈ Underclover
- 0282B9
≈ Tall Ships
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.50:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--bermuda-onion: #9f5c9f;
--bermuda-onion-rgb: 159 92 159;
--bermuda-onion-oklch: oklch(0.575 0.125 327.1);
}
.element {
color: var(--bermuda-onion);
background-color: hsl(300 27% 49%);
border-color: oklch(0.575 0.125 327.1);
}Tailwind CSS v4
@theme {
--color-bermuda-onion: #9f5c9f;
--color-bermuda-onion-50: #ffe9ff;
--color-bermuda-onion-100: #ffdafd;
--color-bermuda-onion-200: #f3c2ef;
--color-bermuda-onion-300: #dba0d7;
--color-bermuda-onion-400: #c583c5;
--color-bermuda-onion-500: #b166b1;
--color-bermuda-onion-600: #955695;
--color-bermuda-onion-700: #784578;
--color-bermuda-onion-800: #58325a;
--color-bermuda-onion-900: #3d223f;
--color-bermuda-onion-950: #271128;
}SCSS
$bermuda-onion: #9f5c9f;
$bermuda-onion-rgb: 159, 92, 159;
$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);
}