最も近い色名 · #AB3500
#AB3500
最も近い色名: Rust
#AB3500（rgb(171 53 0)、hsl(19 100% 34%)、oklch(0.5 0.162 38.4)）に最も近い色名はRustです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AB3500
oklch(0.5 0.162 38.4)
カラー変換
- HEX
- #ab3500
- RGB
- rgb(171 53 0)
- HSL
- hsl(19 100% 34%)
- HWB
- hwb(19 0% 33%)
- OKLCH
- oklch(0.5 0.162 38.4)
- OKLab
- oklab(0.5 0.127 0.101)
- CIE Lab
- lab(40.59 47.67 53.01)
- LCH
- lch(40.59 71.29 48)
- CMYK
- cmyk(0% 69% 100% 33%)
ティント · シェード · トーン
ティント
- B64C29
- C06143
- CA755A
- D38971
- DB9C88
- E4B0A0
- EBC4B7
- F2D7CF
- F9EBE7
シェード
- 942D00
- 7E2500
- 681D00
- 541500
- 400E00
- 2D0800
- 1B0300
- 0B0100
- 010000
トーン
- A8401B
- A5492B
- A25138
- 9E5943
- 9A604E
- 966758
- 916E63
- 8C746C
- 867A76
カラーハーモニー
補色 +180°
- AB3500
Rust
- 006F85
≈ Amalfi
類似色 -30° +30°
- AB3500
Rust
- AA2D51
≈ Primal Red
- 8B5500
≈ Spear Shaft
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- AB3500
Rust
- 00736D
≈ Reef
- 0066AC
≈ Wing Commander
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.47:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.24:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--rust: #ab3500;
--rust-rgb: 171 53 0;
--rust-oklch: oklch(0.5 0.162 38.4);
}
.element {
color: var(--rust);
background-color: hsl(19 100% 34%);
border-color: oklch(0.5 0.162 38.4);
}Tailwind CSS v4
@theme {
--color-rust: #ab3500;
--color-rust-50: #ffe7d2;
--color-rust-100: #ffd6bf;
--color-rust-200: #ffbd9f;
--color-rust-300: #fd9a76;
--color-rust-400: #ed7852;
--color-rust-500: #db5526;
--color-rust-600: #b94922;
--color-rust-700: #953a1b;
--color-rust-800: #6f2914;
--color-rust-900: #4e1b0d;
--color-rust-950: #340b02;
}SCSS
$rust: #ab3500;
$rust-rgb: 171, 53, 0;
$rust-light: mix(#fff, $rust, 20%);
$rust-dark: mix(#000, $rust, 20%);
.element {
color: $rust;
box-shadow: 0 0 0 2px rgba($rust, 0.35);
}