最も近い色名 · #2C0535
#2C0535
最も近い色名: Dark Purple
#2C0535（rgb(44 5 53)、hsl(289 83% 11%)、oklch(0.22 0.093 319.3)）に最も近い色名はDark Purpleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2C0535
oklch(0.22 0.093 319.3)
カラー変換
- HEX
- #2c0535
- RGB
- rgb(44 5 53)
- HSL
- hsl(289 83% 11%)
- HWB
- hwb(289 2% 79%)
- OKLCH
- oklch(0.22 0.093 319.3)
- OKLab
- oklab(0.22 0.071 -0.061)
- CIE Lab
- lab(7.99 25.84 -21.74)
- LCH
- lch(7.99 33.77 319.9)
- CMYK
- cmyk(17% 91% 0% 79%)
ティント · シェード · トーン
ティント
- 3F1D47
- 52345A
- 664A6E
- 7B6281
- 907B95
- A594AA
- BBAEBF
- D1C8D4
- E8E3E9
シェード
- 25042D
- 1E0325
- 17021D
- 110115
- 0A010E
- 050008
- 020003
- 010001
- 000000
トーン
- 34133D
- 3D1F44
- 452B4C
- 4D3653
- 56425B
- 5E4E62
- 665A6A
- 6F6771
- 777379
カラーハーモニー
補色 +180°
- 2C0535
Dark Purple
- 062200
≈ Rainforest Nights
類似色 -30° +30°
- 2C0535
Dark Purple
- 1C0D42
≈ Shadow Planet
- 360021
≈ Vienna Roast
トライアド +120° +240°
- 2C0535
Dark Purple
- 261800
≈ Cannon Black
- 002021
≈ Stellar Explorer
スプリットコンプリメンタリー +150° +210°
- 2C0535
Dark Purple
- 1C1C00
≈ Liquorice Root
- 002117
≈ Clock Chimes Thirteen
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.79:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.18:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--dark-purple: #2c0535;
--dark-purple-rgb: 44 5 53;
--dark-purple-oklch: oklch(0.22 0.093 319.3);
}
.element {
color: var(--dark-purple);
background-color: hsl(289 83% 11%);
border-color: oklch(0.22 0.093 319.3);
}Tailwind CSS v4
@theme {
--color-dark-purple: #2c0535;
--color-dark-purple-50: #ffedff;
--color-dark-purple-100: #f7defb;
--color-dark-purple-200: #e7c8ed;
--color-dark-purple-300: #cea8d5;
--color-dark-purple-400: #b78dc1;
--color-dark-purple-500: #a171ad;
--color-dark-purple-600: #886092;
--color-dark-purple-700: #6d4d75;
--color-dark-purple-800: #503858;
--color-dark-purple-900: #37263d;
--color-dark-purple-950: #221427;
}SCSS
$dark-purple: #2c0535;
$dark-purple-rgb: 44, 5, 53;
$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);
}