最も近い色名 · #9F4B52
#9F4B52
最も近い色名: Eternal Flame
#9F4B52（rgb(159 75 82)、hsl(355 36% 46%)、oklch(0.52 0.112 16.6)）に最も近い色名はEternal Flameです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9F4B52
oklch(0.52 0.112 16.6)
カラー変換
- HEX
- #9f4b52
- RGB
- rgb(159 75 82)
- HSL
- hsl(355 36% 46%)
- HWB
- hwb(355 29% 38%)
- OKLCH
- oklch(0.52 0.112 16.6)
- OKLab
- oklab(0.52 0.107 0.032)
- CIE Lab
- lab(43.17 36.1 13.34)
- LCH
- lch(43.17 38.49 20.3)
- CMYK
- cmyk(0% 53% 48% 38%)
ティント · シェード · トーン
ティント
- AA5D62
- B46E72
- BF8083
- C99293
- D2A3A5
- DCB5B6
- E5C7C8
- EEDADA
- F7ECEC
シェード
- 8A4046
- 75353B
- 612B2F
- 4D2125
- 3B171A
- 290E11
- 180608
- 090202
- 010000
トーン
- 9D5157
- 9B575B
- 985D60
- 956264
- 936769
- 8F6C6E
- 8C7272
- 887677
- 847B7B
カラーハーモニー
補色 +180°
- 9F4B52
Eternal Flame
- 00787A
≈ Prismarine
類似色 -30° +30°
- 9F4B52
Eternal Flame
- 964C76
≈ Sugar Plum
- 9C522B
≈ Panela
トライアド +120° +240°
- 9F4B52
Eternal Flame
- 497733
≈ Luscious Lemongrass
- 3C6AA8
≈ Indigo Batik
スプリットコンプリメンタリー +150° +210°
- 9F4B52
Eternal Flame
- 007C5B
≈ Sharp Green
- 007495
≈ Enchanted Blue
テトラード +90° +180° +270°
- 9F4B52
Eternal Flame
- 716C00
≈ Worn Olive
- 00787A
≈ Prismarine
- 655EA6
≈ Giant Onion
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.82:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.60:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--eternal-flame: #9f4b52;
--eternal-flame-rgb: 159 75 82;
--eternal-flame-oklch: oklch(0.52 0.112 16.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 36% 46%);
border-color: oklch(0.52 0.112 16.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #9f4b52;
--color-eternal-flame-50: #ffe9e9;
--color-eternal-flame-100: #ffdad9;
--color-eternal-flame-200: #ffc2c2;
--color-eternal-flame-300: #eba0a1;
--color-eternal-flame-400: #d88287;
--color-eternal-flame-500: #c5646c;
--color-eternal-flame-600: #a6565b;
--color-eternal-flame-700: #864449;
--color-eternal-flame-800: #633136;
--color-eternal-flame-900: #462125;
--color-eternal-flame-950: #2d1014;
}SCSS
$eternal-flame: #9f4b52;
$eternal-flame-rgb: 159, 75, 82;
$eternal-flame-light: mix(#fff, $eternal-flame, 20%);
$eternal-flame-dark: mix(#000, $eternal-flame, 20%);
.element {
color: $eternal-flame;
box-shadow: 0 0 0 2px rgba($eternal-flame, 0.35);
}