最も近い色名 · #660020
#660020
最も近い色名: Merguez
#660020（rgb(102 0 32)、hsl(341 100% 20%)、oklch(0.325 0.13 13.3)）に最も近い色名はMerguezです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#660020
oklch(0.325 0.13 13.3)
カラー変換
- HEX
- #660020
- RGB
- rgb(102 0 32)
- HSL
- hsl(341 100% 20%)
- HWB
- hwb(341 0% 60%)
- OKLCH
- oklch(0.325 0.13 13.3)
- OKLab
- oklab(0.325 0.126 0.03)
- CIE Lab
- lab(20.22 42.02 13.4)
- LCH
- lch(20.22 44.11 17.7)
- CMYK
- cmyk(0% 100% 69% 60%)
ティント · シェード · トーン
ティント
- 772333
- 883C47
- 98545C
- A86B71
- B78387
- C69B9E
- D5B3B6
- E3CCCE
- F1E5E6
シェード
- 58001A
- 4A0015
- 3C000F
- 2F000A
- 230006
- 170003
- 0C0001
- 040000
- 000000
トーン
- 6B1629
- 6F2532
- 72323B
- 763E45
- 79494E
- 7B5458
- 7D5F62
- 7F6A6C
- 807576
カラーハーモニー
補色 +180°
- 660020
Merguez
- 003D3C
≈ Rich Black
類似色 -30° +30°
- 660020
Merguez
- 5D0845
≈ Royal Ash
- 5A1F00
≈ Conker Brown
トライアド +120° +240°
- 660020
Merguez
- 1F3D00
≈ Hunter Green
- 003466
≈ Prussian Blue
スプリットコンプリメンタリー +150° +210°
- 660020
Merguez
- 003F2A
≈ Angel Green
- 003A4B
≈ Natural Indigo
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.24:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.58:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--merguez: #660020;
--merguez-rgb: 102 0 32;
--merguez-oklch: oklch(0.325 0.13 13.3);
}
.element {
color: var(--merguez);
background-color: hsl(341 100% 20%);
border-color: oklch(0.325 0.13 13.3);
}Tailwind CSS v4
@theme {
--color-merguez: #660020;
--color-merguez-50: #ffe7e9;
--color-merguez-100: #ffd7da;
--color-merguez-200: #ffbec2;
--color-merguez-300: #f29ca2;
--color-merguez-400: #e07c88;
--color-merguez-500: #cd5d6d;
--color-merguez-600: #ad4f5c;
--color-merguez-700: #8b3f4a;
--color-merguez-800: #672d37;
--color-merguez-900: #491e25;
--color-merguez-950: #2f0e14;
}SCSS
$merguez: #660020;
$merguez-rgb: 102, 0, 32;
$merguez-light: mix(#fff, $merguez, 20%);
$merguez-dark: mix(#000, $merguez, 20%);
.element {
color: $merguez;
box-shadow: 0 0 0 2px rgba($merguez, 0.35);
}