最も近い色名 · #6E3A6A
#6E3A6A
最も近い色名: Plum
#6E3A6A（rgb(110 58 106)、hsl(305 31% 33%)、oklch(0.432 0.099 330)）に最も近い色名はPlumです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6E3A6A
oklch(0.432 0.099 330)
カラー変換
- HEX
- #6e3a6a
- RGB
- rgb(110 58 106)
- HSL
- hsl(305 31% 33%)
- HWB
- hwb(305 23% 57%)
- OKLCH
- oklch(0.432 0.099 330)
- OKLab
- oklab(0.432 0.086 -0.05)
- CIE Lab
- lab(32.65 29 -18.05)
- LCH
- lch(32.65 34.16 328.1)
- CMYK
- cmyk(0% 47% 4% 57%)
ティント · シェード · トーン
ティント
- 7C4C78
- 8B5F86
- 997295
- A785A4
- B699B2
- C4ACC1
- D3C1D1
- E2D5E0
- F0EAEF
シェード
- 5F315B
- 50284D
- 41203F
- 331831
- 261024
- 190918
- 0E040D
- 040104
- 010000
トーン
- 70416C
- 73496F
- 755071
- 775773
- 785E76
- 7A6578
- 7C6B7A
- 7D727C
- 7F797E
カラーハーモニー
補色 +180°
- 6E3A6A
Plum
- 1D5F31
≈ Derbyshire
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.48:1 · APCA Lc 89
Ag
Fail黒の上
WCAG 2.47:1 · APCA Lc 13
最適な文字色: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--plum: #6e3a6a;
--plum-rgb: 110 58 106;
--plum-oklch: oklch(0.432 0.099 330);
}
.element {
color: var(--plum);
background-color: hsl(305 31% 33%);
border-color: oklch(0.432 0.099 330);
}Tailwind CSS v4
@theme {
--color-plum: #6e3a6a;
--color-plum-50: #ffebff;
--color-plum-100: #fddcf7;
--color-plum-200: #eec5e7;
--color-plum-300: #d6a5ce;
--color-plum-400: #c089ba;
--color-plum-500: #ab6da5;
--color-plum-600: #905d8c;
--color-plum-700: #744a70;
--color-plum-800: #553654;
--color-plum-900: #3b253a;
--color-plum-950: #251324;
}SCSS
$plum: #6e3a6a;
$plum-rgb: 110, 58, 106;
$plum-light: mix(#fff, $plum, 20%);
$plum-dark: mix(#000, $plum, 20%);
.element {
color: $plum;
box-shadow: 0 0 0 2px rgba($plum, 0.35);
}