最も近い色名 · #93639D
#93639D
最も近い色名: Crown Jewels
#93639D（rgb(147 99 157)、hsl(290 23% 50%)、oklch(0.572 0.102 320.5)）に最も近い色名はCrown Jewelsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#93639D
oklch(0.572 0.102 320.5)
カラー変換
- HEX
- #93639d
- RGB
- rgb(147 99 157)
- HSL
- hsl(290 23% 50%)
- HWB
- hwb(290 39% 38%)
- OKLCH
- oklch(0.572 0.102 320.5)
- OKLab
- oklab(0.572 0.079 -0.065)
- CIE Lab
- lab(48.86 27.58 -23.74)
- LCH
- lch(48.86 36.39 319.3)
- CMYK
- cmyk(6% 37% 0% 38%)
ティント · シェード · トーン
ティント
- 9E72A7
- A881B1
- B390BA
- BEA0C4
- C9AFCE
- D3BFD8
- DECFE1
- E9DFEB
- F4EFF5
シェード
- 7F5588
- 6C4773
- 593A5F
- 472E4C
- 36213A
- 251628
- 160B18
- 080309
- 010001
トーン
- 91669A
- 906998
- 8E6D95
- 8C7092
- 8A728F
- 88758C
- 867889
- 847B86
- 827D83
カラーハーモニー
補色 +180°
- 93639D
Crown Jewels
- 55874C
≈ Shepherd’s Green
類似色 -30° +30°
- 93639D
Crown Jewels
- 786DB0
≈ Clear Mauve
- A55D80
≈ Beryl Red
トライアド +120° +240°
- 93639D
Crown Jewels
- 977125
≈ Mode Beige
- 00898F
≈ India Blue
スプリットコンプリメンタリー +150° +210°
- 93639D
Crown Jewels
- 7B7D2D
≈ Ripe Green
- 228B6F
≈ Elf
テトラード +90° +180° +270°
- 93639D
Crown Jewels
- A8653D
≈ Camel Brown
- 55874C
≈ Shepherd’s Green
- 2482A9
≈ Blue Paisley
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.65:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.51:1 · APCA Lc 29
最適な文字色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--crown-jewels: #93639d;
--crown-jewels-rgb: 147 99 157;
--crown-jewels-oklch: oklch(0.572 0.102 320.5);
}
.element {
color: var(--crown-jewels);
background-color: hsl(290 23% 50%);
border-color: oklch(0.572 0.102 320.5);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #93639d;
--color-crown-jewels-50: #ffecff;
--color-crown-jewels-100: #f9ddfc;
--color-crown-jewels-200: #eac6ee;
--color-crown-jewels-300: #d1a6d6;
--color-crown-jewels-400: #ba8ac4;
--color-crown-jewels-500: #a56fb0;
--color-crown-jewels-600: #8b5e94;
--color-crown-jewels-700: #6f4b77;
--color-crown-jewels-800: #513659;
--color-crown-jewels-900: #39253e;
--color-crown-jewels-950: #231427;
}SCSS
$crown-jewels: #93639d;
$crown-jewels-rgb: 147, 99, 157;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}