最も近い色名 · #310131
#310131
最も近い色名: Dark Purple
#310131（rgb(49 1 49)、hsl(300 96% 10%)、oklch(0.221 0.099 328.3)）に最も近い色名はDark Purpleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#310131
oklch(0.221 0.099 328.3)
カラー変換
- HEX
- #310131
- RGB
- rgb(49 1 49)
- HSL
- hsl(300 96% 10%)
- HWB
- hwb(300 0% 81%)
- OKLCH
- oklch(0.221 0.099 328.3)
- OKLab
- oklab(0.221 0.084 -0.052)
- CIE Lab
- lab(8.05 28.73 -18.63)
- LCH
- lch(8.05 34.24 327)
- CMYK
- cmyk(0% 98% 0% 81%)
ティント · シェード · トーン
ティント
- 441A43
- 583156
- 6C486A
- 80607E
- 947992
- A993A7
- BEADBD
- D3C8D2
- E9E3E9
シェード
- 290129
- 220122
- 1A001A
- 130013
- 0C000C
- 060006
- 030003
- 010001
- 000000
トーン
- 390F39
- 421C41
- 4A2948
- 523550
- 594158
- 614D60
- 695A68
- 716670
- 787378
カラーハーモニー
補色 +180°
- 310131
Dark Purple
- 002208
≈ Rainforest Nights
類似色 -30° +30°
- 310131
Dark Purple
- 220841
≈ Your Darkness
- 38001A
≈ Rhodophobia
トライアド +120° +240°
- 310131
Dark Purple
- 231900
≈ Cannon Black
- 002024
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 310131
Dark Purple
- 191E00
≈ Yuzu Soy
- 00211B
≈ Stellar Explorer
テトラード +90° +180° +270°
- 310131
Dark Purple
- 2C1300
≈ Shadow Play
- 002208
≈ Rainforest Nights
- 001D2F
≈ Oxford by Night
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.80:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--dark-purple: #310131;
--dark-purple-rgb: 49 1 49;
--dark-purple-oklch: oklch(0.221 0.099 328.3);
}
.element {
color: var(--dark-purple);
background-color: hsl(300 96% 10%);
border-color: oklch(0.221 0.099 328.3);
}Tailwind CSS v4
@theme {
--color-dark-purple: #310131;
--color-dark-purple-50: #ffebff;
--color-dark-purple-100: #fcddf8;
--color-dark-purple-200: #eec6e8;
--color-dark-purple-300: #d5a5d0;
--color-dark-purple-400: #bf89bc;
--color-dark-purple-500: #aa6da7;
--color-dark-purple-600: #8f5d8d;
--color-dark-purple-700: #734a71;
--color-dark-purple-800: #543655;
--color-dark-purple-900: #3b253b;
--color-dark-purple-950: #251325;
}SCSS
$dark-purple: #310131;
$dark-purple-rgb: 49, 1, 49;
$dark-purple-light: mix(#fff, $dark-purple, 20%);
$dark-purple-dark: mix(#000, $dark-purple, 20%);
.element {
color: $dark-purple;
box-shadow: 0 0 0 2px rgba($dark-purple, 0.35);
}