最も近い色名 · #38325F
#38325F
最も近い色名: Purple Noir
#38325F（rgb(56 50 95)、hsl(248 31% 28%)、oklch(0.346 0.077 287.8)）に最も近い色名はPurple Noirです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#38325F
oklch(0.346 0.077 287.8)
カラー変換
- HEX
- #38325f
- RGB
- rgb(56 50 95)
- HSL
- hsl(248 31% 28%)
- HWB
- hwb(248 20% 63%)
- OKLCH
- oklch(0.346 0.077 287.8)
- OKLab
- oklab(0.346 0.024 -0.073)
- CIE Lab
- lab(23.2 12.23 -26.3)
- LCH
- lch(23.2 29 294.9)
- CMYK
- cmyk(41% 47% 0% 63%)
ティント · シェード · トーン
ティント
- 49446E
- 5B577E
- 6D6B8E
- 817F9D
- 9493AD
- A9A8BD
- BEBDCD
- D3D3DE
- E9E9EE
シェード
- 2F2A52
- 272244
- 1F1B38
- 17142C
- 0F0D20
- 080715
- 04030A
- 010103
- 000000
トーン
- 3E3A63
- 454166
- 4C496A
- 53516D
- 5A5971
- 616074
- 696877
- 70707A
- 78787D
カラーハーモニー
補色 +180°
- 38325F
Purple Noir
- 3E3C00
≈ Dark Olive
類似色 -30° +30°
- 38325F
Purple Noir
- 1E3A61
≈ Navy Peony
- 4A2B53
≈ Scarlet Gum
トライアド +120° +240°
- 38325F
Purple Noir
- 592B11
≈ Fudge Brownie
- 004532
≈ UP Forest Green
スプリットコンプリメンタリー +150° +210°
- 38325F
Purple Noir
- 4E3400
≈ Kyoto House
- 244318
≈ Myrtle
テトラード +90° +180° +270°
- 38325F
Purple Noir
- 5B272A
≈ Kuwazome Red
- 3E3C00
≈ Dark Olive
- 004344
≈ Dark Side
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.73:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.78:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.73:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--purple-noir: #38325f;
--purple-noir-rgb: 56 50 95;
--purple-noir-oklch: oklch(0.346 0.077 287.8);
}
.element {
color: var(--purple-noir);
background-color: hsl(248 31% 28%);
border-color: oklch(0.346 0.077 287.8);
}Tailwind CSS v4
@theme {
--color-purple-noir: #38325f;
--color-purple-noir-50: #f4f2ff;
--color-purple-noir-100: #e7e4ff;
--color-purple-noir-200: #d3cff4;
--color-purple-noir-300: #b6b1dd;
--color-purple-noir-400: #9b98ca;
--color-purple-noir-500: #837eb7;
--color-purple-noir-600: #6f6b9a;
--color-purple-noir-700: #59557c;
--color-purple-noir-800: #403e5c;
--color-purple-noir-900: #2c2b40;
--color-purple-noir-950: #191829;
}SCSS
$purple-noir: #38325f;
$purple-noir-rgb: 56, 50, 95;
$purple-noir-light: mix(#fff, $purple-noir, 20%);
$purple-noir-dark: mix(#000, $purple-noir, 20%);
.element {
color: $purple-noir;
box-shadow: 0 0 0 2px rgba($purple-noir, 0.35);
}