最も近い色名 · #5B5C92
#5B5C92
最も近い色名: Wizard’s Potion
#5B5C92（rgb(91 92 146)、hsl(239 23% 46%)、oklch(0.498 0.085 282)）に最も近い色名はWizard’s Potionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5B5C92
oklch(0.498 0.085 282)
カラー変換
- HEX
- #5b5c92
- RGB
- rgb(91 92 146)
- HSL
- hsl(239 23% 46%)
- HWB
- hwb(239 36% 43%)
- OKLCH
- oklch(0.498 0.085 282)
- OKLab
- oklab(0.498 0.018 -0.084)
- CIE Lab
- lab(40.8 10.19 -30.22)
- LCH
- lch(40.8 31.89 288.6)
- CMYK
- cmyk(38% 37% 0% 43%)
ティント · シェード · トーン
ティント
- 6A6B9D
- 797BA8
- 888BB3
- 989BBE
- A9ABC9
- B9BBD4
- CACCDE
- DCDDE9
- EDEEF4
シェード
- 4E4F7E
- 41426B
- 353658
- 292A46
- 1E1F35
- 131425
- 090A16
- 030308
- 000001
トーン
- 5E6091
- 62648F
- 65678D
- 696B8C
- 6D6F8A
- 717288
- 747686
- 787984
- 7C7D82
カラーハーモニー
補色 +180°
- 5B5C92
Wizard’s Potion
- 6C6423
≈ Greenish Brown
類似色 -30° +30°
- 5B5C92
Wizard’s Potion
- 3C6592
≈ Blue Ribbon Beauty
- 735486
≈ Gutsy Grape
トライアド +120° +240°
- 5B5C92
Wizard’s Potion
- 8B513A
≈ Hipsterfication
- 2C7253
≈ Green Velvet
スプリットコンプリメンタリー +150° +210°
- 5B5C92
Wizard’s Potion
- 805A25
≈ Hot Curry
- 506D38
≈ Gully Green
テトラード +90° +180° +270°
- 5B5C92
Wizard’s Potion
- 8C4D55
≈ Rialto
- 6C6423
≈ Greenish Brown
- 00726F
≈ Reef
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.19:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.39:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--wizard-s-potion: #5b5c92;
--wizard-s-potion-rgb: 91 92 146;
--wizard-s-potion-oklch: oklch(0.498 0.085 282);
}
.element {
color: var(--wizard-s-potion);
background-color: hsl(239 23% 46%);
border-color: oklch(0.498 0.085 282);
}Tailwind CSS v4
@theme {
--color-wizard-s-potion: #5b5c92;
--color-wizard-s-potion-50: #f1f2ff;
--color-wizard-s-potion-100: #e4e5ff;
--color-wizard-s-potion-200: #cfd0f8;
--color-wizard-s-potion-300: #b1b2e2;
--color-wizard-s-potion-400: #9699d0;
--color-wizard-s-potion-500: #7d7fbe;
--color-wizard-s-potion-600: #6a6ca0;
--color-wizard-s-potion-700: #555680;
--color-wizard-s-potion-800: #3c3f60;
--color-wizard-s-potion-900: #292b43;
--color-wizard-s-potion-950: #17192b;
}SCSS
$wizard-s-potion: #5b5c92;
$wizard-s-potion-rgb: 91, 92, 146;
$wizard-s-potion-light: mix(#fff, $wizard-s-potion, 20%);
$wizard-s-potion-dark: mix(#000, $wizard-s-potion, 20%);
.element {
color: $wizard-s-potion;
box-shadow: 0 0 0 2px rgba($wizard-s-potion, 0.35);
}