最も近い色名 · #5D122A
#5D122A
最も近い色名: Plum Cheese
#5D122A（rgb(93 18 42)、hsl(341 68% 22%)、oklch(0.322 0.108 6.8)）に最も近い色名はPlum Cheeseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5D122A
oklch(0.322 0.108 6.8)
カラー変換
- HEX
- #5d122a
- RGB
- rgb(93 18 42)
- HSL
- hsl(341 68% 22%)
- HWB
- hwb(341 7% 64%)
- OKLCH
- oklch(0.322 0.108 6.8)
- OKLab
- oklab(0.322 0.107 0.013)
- CIE Lab
- lab(20.08 35.03 5.67)
- LCH
- lch(20.08 35.48 9.2)
- CMYK
- cmyk(0% 81% 55% 64%)
ティント · シェード · トーン
ティント
- 6E2B3C
- 7F414F
- 905863
- A06E78
- B0858D
- C09DA3
- D0B5B9
- E0CDD0
- EFE6E7
シェード
- 500E23
- 430A1C
- 370716
- 2A0410
- 1F020A
- 140105
- 0A0102
- 030001
- 000000
トーン
- 622032
- 672B3A
- 6B3642
- 6F414B
- 734C53
- 76565C
- 796165
- 7C6B6E
- 7E7577
カラーハーモニー
補色 +180°
- 5D122A
Plum Cheese
- 003C38
≈ Night Turquoise
類似色 -30° +30°
- 5D122A
Plum Cheese
- 531747
≈ Violet Carmine
- 5E1700
≈ Altar Wine
トライアド +120° +240°
- 5D122A
Plum Cheese
- 283A00
≈ Melancholia
- 00365B
≈ Incremental Blue
スプリットコンプリメンタリー +150° +210°
- 5D122A
Plum Cheese
- 003F23
≈ Angel Green
- 003A46
≈ Natural Indigo
テトラード +90° +180° +270°
- 5D122A
Plum Cheese
- 3D3300
≈ Hidden Passage
- 003C38
≈ Night Turquoise
- 272A69
≈ After Work Blue
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.24:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.58:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--plum-cheese: #5d122a;
--plum-cheese-rgb: 93 18 42;
--plum-cheese-oklch: oklch(0.322 0.108 6.8);
}
.element {
color: var(--plum-cheese);
background-color: hsl(341 68% 22%);
border-color: oklch(0.322 0.108 6.8);
}Tailwind CSS v4
@theme {
--color-plum-cheese: #5d122a;
--color-plum-cheese-50: #ffe9ef;
--color-plum-cheese-100: #ffdae0;
--color-plum-cheese-200: #fec2cb;
--color-plum-cheese-300: #e8a1ac;
--color-plum-cheese-400: #d58394;
--color-plum-cheese-500: #c1657a;
--color-plum-cheese-600: #a35667;
--color-plum-cheese-700: #834553;
--color-plum-cheese-800: #61313d;
--color-plum-cheese-900: #44222a;
--color-plum-cheese-950: #2c1118;
}SCSS
$plum-cheese: #5d122a;
$plum-cheese-rgb: 93, 18, 42;
$plum-cheese-light: mix(#fff, $plum-cheese, 20%);
$plum-cheese-dark: mix(#000, $plum-cheese, 20%);
.element {
color: $plum-cheese;
box-shadow: 0 0 0 2px rgba($plum-cheese, 0.35);
}