最も近い色名 · #9F443B
#9F443B
最も近い色名: Rusty Heart
#9F443B（rgb(159 68 59)、hsl(5 46% 43%)、oklch(0.505 0.123 27.9)）に最も近い色名はRusty Heartです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9F443B
oklch(0.505 0.123 27.9)
カラー変換
- HEX
- #9f443b
- RGB
- rgb(159 68 59)
- HSL
- hsl(5 46% 43%)
- HWB
- hwb(5 23% 38%)
- OKLCH
- oklch(0.505 0.123 27.9)
- OKLab
- oklab(0.505 0.109 0.058)
- CIE Lab
- lab(41.41 38.14 25.06)
- LCH
- lch(41.41 45.63 33.3)
- CMYK
- cmyk(0% 57% 63% 38%)
ティント · シェード · トーン
ティント
- AA574D
- B56960
- BF7C73
- C98E86
- D3A099
- DDB3AD
- E6C6C1
- EED9D5
- F7ECEA
シェード
- 8A3A32
- 753029
- 612621
- 4D1D19
- 3B1411
- 290C09
- 180504
- 090201
- 010000
トーン
- 9D4B42
- 9B5249
- 995850
- 965F57
- 93655E
- 906A65
- 8D706C
- 897572
- 857B79
カラーハーモニー
補色 +180°
- 9F443B
Rusty Heart
- 00727E
≈ Night Scape
類似色 -30° +30°
- 9F443B
Rusty Heart
- 9A4264
≈ Velvet Wine
- 965000
≈ Warm Brown
トライアド +120° +240°
- 9F443B
Rusty Heart
- 267739
≈ Japanese Laurel
- 465FAB
≈ Kakitsubata Blue
スプリットコンプリメンタリー +150° +210°
- 9F443B
Rusty Heart
- 007665
≈ Teal Waters
- 006C9C
≈ Disarm
テトラード +90° +180° +270°
- 9F443B
Rusty Heart
- 5F6D00
≈ Brownish Green
- 00727E
≈ Night Scape
- 6E52A1
≈ Sumire Violet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.24:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.36:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--rusty-heart: #9f443b;
--rusty-heart-rgb: 159 68 59;
--rusty-heart-oklch: oklch(0.505 0.123 27.9);
}
.element {
color: var(--rusty-heart);
background-color: hsl(5 46% 43%);
border-color: oklch(0.505 0.123 27.9);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #9f443b;
--color-rusty-heart-50: #ffe9e1;
--color-rusty-heart-100: #ffd9d0;
--color-rusty-heart-200: #ffc1b5;
--color-rusty-heart-300: #f09f92;
--color-rusty-heart-400: #de8175;
--color-rusty-heart-500: #cb6257;
--color-rusty-heart-600: #ab544a;
--color-rusty-heart-700: #8a433b;
--color-rusty-heart-800: #662f2b;
--color-rusty-heart-900: #48201d;
--color-rusty-heart-950: #2f0f0d;
}SCSS
$rusty-heart: #9f443b;
$rusty-heart-rgb: 159, 68, 59;
$rusty-heart-light: mix(#fff, $rusty-heart, 20%);
$rusty-heart-dark: mix(#000, $rusty-heart, 20%);
.element {
color: $rusty-heart;
box-shadow: 0 0 0 2px rgba($rusty-heart, 0.35);
}