最も近い色名 · #4F2C27
#4F2C27
最も近い色名: Bitter Chocolate
#4F2C27（rgb(79 44 39)、hsl(7 34% 23%)、oklch(0.336 0.053 28.9)）に最も近い色名はBitter Chocolateです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4F2C27
oklch(0.336 0.053 28.9)
カラー変換
- HEX
- #4f2c27
- RGB
- rgb(79 44 39)
- HSL
- hsl(7 34% 23%)
- HWB
- hwb(7 15% 69%)
- OKLCH
- oklch(0.336 0.053 28.9)
- OKLab
- oklab(0.336 0.046 0.026)
- CIE Lab
- lab(22.54 16.12 10.55)
- LCH
- lch(22.54 19.26 33.2)
- CMYK
- cmyk(0% 44% 51% 69%)
ティント · シェード · トーン
ティント
- 603F3A
- 71524D
- 826661
- 937A76
- A48F8B
- B6A4A2
- C8BAB8
- DAD1CF
- ECE8E7
シェード
- 442520
- 381E1A
- 2E1714
- 23110E
- 190A08
- 100504
- 070202
- 020101
- 000000
トーン
- 54342F
- 593C38
- 5F4440
- 644D49
- 685552
- 6D5D5B
- 726664
- 776F6D
- 7B7777
カラーハーモニー
補色 +180°
- 4F2C27
Bitter Chocolate
- 0A3E46
≈ Ghostlands Coal
類似色 -30° +30°
- 4F2C27
Bitter Chocolate
- 4D2B36
≈ Wine Tasting
- 4B301A
≈ Bavarian Sweet Mustard
トライアド +120° +240°
- 4F2C27
Bitter Chocolate
- 223F28
≈ Mizukaze Green
- 2C3653
≈ Mediaeval Blue
スプリットコンプリメンタリー +150° +210°
- 4F2C27
Bitter Chocolate
- 104037
≈ Botanical Night
- 1A3B4F
≈ Subterranean River
テトラード +90° +180° +270°
- 4F2C27
Bitter Chocolate
- 343B1A
≈ Turtle Skin
- 0A3E46
≈ Ghostlands Coal
- 3B314F
≈ Sanctum of Shadows
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.19:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.72:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.19:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--bitter-chocolate: #4f2c27;
--bitter-chocolate-rgb: 79 44 39;
--bitter-chocolate-oklch: oklch(0.336 0.053 28.9);
}
.element {
color: var(--bitter-chocolate);
background-color: hsl(7 34% 23%);
border-color: oklch(0.336 0.053 28.9);
}Tailwind CSS v4
@theme {
--color-bitter-chocolate: #4f2c27;
--color-bitter-chocolate-50: #fff0ec;
--color-bitter-chocolate-100: #f9e2dd;
--color-bitter-chocolate-200: #eaccc7;
--color-bitter-chocolate-300: #d1aea7;
--color-bitter-chocolate-400: #bc938d;
--color-bitter-chocolate-500: #a77972;
--color-bitter-chocolate-600: #8d6761;
--color-bitter-chocolate-700: #71524d;
--color-bitter-chocolate-800: #533b38;
--color-bitter-chocolate-900: #3a2927;
--color-bitter-chocolate-950: #241715;
}SCSS
$bitter-chocolate: #4f2c27;
$bitter-chocolate-rgb: 79, 44, 39;
$bitter-chocolate-light: mix(#fff, $bitter-chocolate, 20%);
$bitter-chocolate-dark: mix(#000, $bitter-chocolate, 20%);
.element {
color: $bitter-chocolate;
box-shadow: 0 0 0 2px rgba($bitter-chocolate, 0.35);
}