最も近い色名 · #30032E
#30032E
最も近い色名: Dark Purple
#30032E（rgb(48 3 46)、hsl(303 88% 10%)、oklch(0.22 0.092 330.2)）に最も近い色名はDark Purpleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#30032E
oklch(0.22 0.092 330.2)
カラー変換
- HEX
- #30032e
- RGB
- rgb(48 3 46)
- HSL
- hsl(303 88% 10%)
- HWB
- hwb(303 1% 81%)
- OKLCH
- oklch(0.22 0.092 330.2)
- OKLab
- oklab(0.22 0.08 -0.046)
- CIE Lab
- lab(8.03 26.95 -16.47)
- LCH
- lch(8.03 31.58 328.6)
- CMYK
- cmyk(0% 94% 4% 81%)
ティント · シェード · トーン
ティント
- 431B41
- 573254
- 6B4967
- 7F617C
- 947990
- A893A6
- BEADBB
- D3C8D2
- E9E3E8
シェード
- 280227
- 21021F
- 1A0118
- 130112
- 0C000B
- 060006
- 030002
- 010001
- 000000
トーン
- 381136
- 411D3E
- 492946
- 51354E
- 594156
- 614D5E
- 695A67
- 70666F
- 787378
カラーハーモニー
補色 +180°
- 30032E
Dark Purple
- 00220A
≈ Clock Chimes Thirteen
類似色 -30° +30°
- 30032E
Dark Purple
- 220A3E
≈ Middle Red Purple
- 380019
≈ Rhodophobia
トライアド +120° +240°
- 30032E
Dark Purple
- 231900
≈ Cannon Black
- 001F24
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 30032E
Dark Purple
- 171E00
≈ Yuzu Soy
- 00201B
≈ Stellar Explorer
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.82:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--dark-purple: #30032e;
--dark-purple-rgb: 48 3 46;
--dark-purple-oklch: oklch(0.22 0.092 330.2);
}
.element {
color: var(--dark-purple);
background-color: hsl(303 88% 10%);
border-color: oklch(0.22 0.092 330.2);
}Tailwind CSS v4
@theme {
--color-dark-purple: #30032e;
--color-dark-purple-50: #ffecff;
--color-dark-purple-100: #fbddf6;
--color-dark-purple-200: #edc6e6;
--color-dark-purple-300: #d4a6cc;
--color-dark-purple-400: #be8bb8;
--color-dark-purple-500: #a96fa3;
--color-dark-purple-600: #8f5e8a;
--color-dark-purple-700: #724b6e;
--color-dark-purple-800: #543752;
--color-dark-purple-900: #3a2539;
--color-dark-purple-950: #241424;
}SCSS
$dark-purple: #30032e;
$dark-purple-rgb: 48, 3, 46;
$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);
}