最も近い色名 · #990016
#990016
最も近い色名: Sacred Scarlet
#990016（rgb(153 0 22)、hsl(351 100% 30%)、oklch(0.43 0.174 24.9)）に最も近い色名はSacred Scarletです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#990016
oklch(0.43 0.174 24.9)
カラー変換
- HEX
- #990016
- RGB
- rgb(153 0 22)
- HSL
- hsl(351 100% 30%)
- HWB
- hwb(351 0% 40%)
- OKLCH
- oklch(0.43 0.174 24.9)
- OKLab
- oklab(0.43 0.158 0.073)
- CIE Lab
- lab(32.11 55.43 36.77)
- LCH
- lch(32.11 66.52 33.6)
- CMYK
- cmyk(0% 100% 86% 40%)
ティント · シェード · トーン
ティント
- A62E2E
- B34945
- BF605B
- CA7771
- D48E88
- DEA49F
- E7BBB6
- F0D1CE
- F8E8E6
シェード
- 840012
- 70000D
- 5D0009
- 4A0006
- 380003
- 270002
- 170001
- 080000
- 010000
トーン
- 991F23
- 98302F
- 973D39
- 954844
- 93534E
- 915C58
- 8E6662
- 8A6F6C
- 857776
カラーハーモニー
補色 +180°
- 990016
Sacred Scarlet
- 005B63
≈ Enamelled Jewel
類似色 -30° +30°
- 990016
Sacred Scarlet
- 910455
≈ Reddish Purple
- 7B3D00
≈ Hazelnut Chocolate
トライアド +120° +240°
- 990016
Sacred Scarlet
- 006215
≈ Thuja Green
- 1E44AE
≈ Denim
スプリットコンプリメンタリー +150° +210°
- 990016
Sacred Scarlet
- 005E4D
≈ Alpine Green
- 00577A
≈ Real Mccoy
テトラード +90° +180° +270°
- 990016
Sacred Scarlet
- 4F5500
≈ Douro
- 005B63
≈ Enamelled Jewel
- 5A30A3
≈ Royalty
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.87:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.36:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--sacred-scarlet: #990016;
--sacred-scarlet-rgb: 153 0 22;
--sacred-scarlet-oklch: oklch(0.43 0.174 24.9);
}
.element {
color: var(--sacred-scarlet);
background-color: hsl(351 100% 30%);
border-color: oklch(0.43 0.174 24.9);
}Tailwind CSS v4
@theme {
--color-sacred-scarlet: #990016;
--color-sacred-scarlet-50: #ffe3db;
--color-sacred-scarlet-100: #ffd2c9;
--color-sacred-scarlet-200: #ffb7ac;
--color-sacred-scarlet-300: #ff9286;
--color-sacred-scarlet-400: #f46f68;
--color-sacred-scarlet-500: #e24847;
--color-sacred-scarlet-600: #bf3e3d;
--color-sacred-scarlet-700: #9a3230;
--color-sacred-scarlet-800: #732224;
--color-sacred-scarlet-900: #511718;
--color-sacred-scarlet-950: #360709;
}SCSS
$sacred-scarlet: #990016;
$sacred-scarlet-rgb: 153, 0, 22;
$sacred-scarlet-light: mix(#fff, $sacred-scarlet, 20%);
$sacred-scarlet-dark: mix(#000, $sacred-scarlet, 20%);
.element {
color: $sacred-scarlet;
box-shadow: 0 0 0 2px rgba($sacred-scarlet, 0.35);
}