最も近い色名 · #890300
#890300
最も近い色名: Roasted Pepper
#890300（rgb(137 3 0)、hsl(1 100% 27%)、oklch(0.397 0.161 29.6)）に最も近い色名はRoasted Pepperです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#890300
oklch(0.397 0.161 29.6)
カラー変換
- HEX
- #890300
- RGB
- rgb(137 3 0)
- HSL
- hsl(1 100% 27%)
- HWB
- hwb(1 0% 46%)
- OKLCH
- oklch(0.397 0.161 29.6)
- OKLab
- oklab(0.397 0.14 0.08)
- CIE Lab
- lab(28.46 50.43 42.33)
- LCH
- lch(28.46 65.84 40)
- CMYK
- cmyk(0% 98% 100% 46%)
ティント · シェード · トーン
ティント
- 982C21
- A5463A
- B35E51
- BF7469
- CB8B81
- D7A299
- E2B9B2
- ECD0CB
- F6E7E5
シェード
- 760200
- 640200
- 530100
- 420100
- 310000
- 220000
- 140000
- 070000
- 010000
トーン
- 8A1E15
- 8B2E23
- 8B3A30
- 8B463C
- 8B5047
- 8A5A53
- 88645E
- 866E69
- 847775
カラーハーモニー
補色 +180°
- 890300
Roasted Pepper
- 00515B
≈ Kali Blue
類似色 -30° +30°
- 890300
Roasted Pepper
- 840044
≈ Renanthera Orchid
- 6A3800
≈ Bestial Brown
トライアド +120° +240°
- 890300
Roasted Pepper
- 005623
≈ O Tannenbaum
- 27399C
≈ Liquid Denim
スプリットコンプリメンタリー +150° +210°
- 890300
Roasted Pepper
- 005348
≈ Breathe Deeply
- 004C72
≈ Pompeii Blue
テトラード +90° +180° +270°
- 890300
Roasted Pepper
- 414D00
≈ No Emissions Green
- 00515B
≈ Kali Blue
- 56278F
≈ KSU Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.11:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.07:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 10.11:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--roasted-pepper: #890300;
--roasted-pepper-rgb: 137 3 0;
--roasted-pepper-oklch: oklch(0.397 0.161 29.6);
}
.element {
color: var(--roasted-pepper);
background-color: hsl(1 100% 27%);
border-color: oklch(0.397 0.161 29.6);
}Tailwind CSS v4
@theme {
--color-roasted-pepper: #890300;
--color-roasted-pepper-50: #ffe5d9;
--color-roasted-pepper-100: #ffd5c7;
--color-roasted-pepper-200: #ffbbaa;
--color-roasted-pepper-300: #ff9783;
--color-roasted-pepper-400: #ee7564;
--color-roasted-pepper-500: #dc5141;
--color-roasted-pepper-600: #ba4638;
--color-roasted-pepper-700: #96382c;
--color-roasted-pepper-800: #702721;
--color-roasted-pepper-900: #4f1a16;
--color-roasted-pepper-950: #340a07;
}SCSS
$roasted-pepper: #890300;
$roasted-pepper-rgb: 137, 3, 0;
$roasted-pepper-light: mix(#fff, $roasted-pepper, 20%);
$roasted-pepper-dark: mix(#000, $roasted-pepper, 20%);
.element {
color: $roasted-pepper;
box-shadow: 0 0 0 2px rgba($roasted-pepper, 0.35);
}