色名 · #B9A5BD
Viola Sororia
Viola Sororiaは#B9A5BD：rgb(185 165 189)、hsl(290 15% 69%)、oklch(0.747 0.041 320.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Viola Sororia color name →
#B9A5BD
oklch(0.747 0.041 320.6)
カラー変換
- HEX
- #b9a5bd
- RGB
- rgb(185 165 189)
- HSL
- hsl(290 15% 69%)
- HWB
- hwb(290 65% 26%)
- OKLCH
- oklch(0.747 0.041 320.6)
- OKLab
- oklab(0.747 0.031 -0.026)
- CIE Lab
- lab(70.07 10.78 -9.58)
- LCH
- lch(70.07 14.42 318.4)
- CMYK
- cmyk(2% 13% 0% 26%)
ティント · シェード · トーン
ティント
- C0AEC3
- C7B6CA
- CEBFD1
- D5C8D7
- DCD1DE
- E3DAE4
- EAE3EB
- F1EDF2
- F8F6F8
シェード
- A08FA4
- 89798C
- 716574
- 5B515D
- 463D47
- 312B33
- 1E1A1F
- 0D0A0D
- 020102
トーン
- B3A1B7
- AD9EB1
- A89AAA
- A296A4
- 9C929E
- 968F98
- 918B92
- 8B878C
- 868486
カラーハーモニー
補色 +180°
- B9A5BD
Viola Sororia
- A0B49C
≈ Copper Patina
類似色 -30° +30°
- B9A5BD
Viola Sororia
- ACA9C5
≈ Cosmic Sky
- C2A3B0
≈ Shady Pink
トライアド +120° +240°
- B9A5BD
Viola Sororia
- BAAB90
≈ Prairie Dust
- 90B5B7
≈ Eyefull
スプリットコンプリメンタリー +150° +210°
- B9A5BD
Viola Sororia
- AEB092
≈ Spring Walk
- 94B6A9
≈ Treetop
テトラード +90° +180° +270°
- B9A5BD
Viola Sororia
- C3A696
≈ Cosy Blanket
- A0B49C
≈ Copper Patina
- 94B2C2
≈ Bright Bluebonnet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.17:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--viola-sororia: #b9a5bd;
--viola-sororia-rgb: 185 165 189;
--viola-sororia-oklch: oklch(0.747 0.041 320.6);
}
.element {
color: var(--viola-sororia);
background-color: hsl(290 15% 69%);
border-color: oklch(0.747 0.041 320.6);
}Tailwind CSS v4
@theme {
--color-viola-sororia: #b9a5bd;
--color-viola-sororia-50: #fbf1fc;
--color-viola-sororia-100: #efe4f0;
--color-viola-sororia-200: #ddcfdf;
--color-viola-sororia-300: #c2b1c4;
--color-viola-sororia-400: #aa97ad;
--color-viola-sororia-500: #937e97;
--color-viola-sororia-600: #7c6b80;
--color-viola-sororia-700: #635566;
--color-viola-sororia-800: #493e4c;
--color-viola-sororia-900: #322b34;
--color-viola-sororia-950: #1e1820;
}SCSS
$viola-sororia: #b9a5bd;
$viola-sororia-rgb: 185, 165, 189;
$viola-sororia-light: mix(#fff, $viola-sororia, 20%);
$viola-sororia-dark: mix(#000, $viola-sororia, 20%);
.element {
color: $viola-sororia;
box-shadow: 0 0 0 2px rgba($viola-sororia, 0.35);
}