最も近い色名 · #A33C48
#A33C48
最も近い色名: Eternal Flame
#A33C48（rgb(163 60 72)、hsl(353 46% 44%)、oklch(0.503 0.136 16.6)）に最も近い色名はEternal Flameです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A33C48
oklch(0.503 0.136 16.6)
カラー変換
- HEX
- #a33c48
- RGB
- rgb(163 60 72)
- HSL
- hsl(353 46% 44%)
- HWB
- hwb(353 24% 36%)
- OKLCH
- oklch(0.503 0.136 16.6)
- OKLab
- oklab(0.503 0.13 0.039)
- CIE Lab
- lab(40.87 43.98 16.58)
- LCH
- lch(40.87 47 20.7)
- CMYK
- cmyk(0% 63% 56% 36%)
ティント · シェード · トーン
ティント
- AE5159
- B9646A
- C3777B
- CD8A8D
- D69D9F
- DFB1B2
- E8C4C5
- F0D7D8
- F8EBEB
シェード
- 8D333D
- 782A33
- 632129
- 4F191F
- 3C1116
- 2A0A0D
- 190406
- 0A0102
- 010000
トーン
- A1454E
- 9E4D53
- 9C5459
- 995B5E
- 966264
- 92686A
- 8E6E6F
- 8A7475
- 857A7A
カラーハーモニー
補色 +180°
- A33C48
Eternal Flame
- 007374
≈ Natural Instinct Green
類似色 -30° +30°
- A33C48
Eternal Flame
- 993E74
≈ Purple Peril
- A04508
≈ Powdered Coffee
トライアド +120° +240°
- A33C48
Eternal Flame
- 3B7519
≈ Nemophilist
- 2963B0
≈ Rainbow Bright
スプリットコンプリメンタリー +150° +210°
- A33C48
Eternal Flame
- 007657
≈ Victoria Peak
- 006E8E
≈ Seaport
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.36:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.29:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--eternal-flame: #a33c48;
--eternal-flame-rgb: 163 60 72;
--eternal-flame-oklch: oklch(0.503 0.136 16.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(353 46% 44%);
border-color: oklch(0.503 0.136 16.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a33c48;
--color-eternal-flame-50: #ffe6e6;
--color-eternal-flame-100: #ffd6d6;
--color-eternal-flame-200: #ffbdbe;
--color-eternal-flame-300: #f59a9c;
--color-eternal-flame-400: #e37b82;
--color-eternal-flame-500: #d05a66;
--color-eternal-flame-600: #b04d56;
--color-eternal-flame-700: #8d3d45;
--color-eternal-flame-800: #692c33;
--color-eternal-flame-900: #4a1d23;
--color-eternal-flame-950: #300d12;
}SCSS
$eternal-flame: #a33c48;
$eternal-flame-rgb: 163, 60, 72;
$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);
}