En yakın adlandırılmış renk · #A93D02
#A93D02
En yakın adlandırılmış renk: Rust
#A93D02 (rgb(169 61 2), hsl(21 98% 34%), oklch(0.506 0.153 41.5)) en çok Rust adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A93D02
oklch(0.506 0.153 41.5)
Renk dönüşümleri
- HEX
- #a93d02
- RGB
- rgb(169 61 2)
- HSL
- hsl(21 98% 34%)
- HWB
- hwb(21 1% 34%)
- OKLCH
- oklch(0.506 0.153 41.5)
- OKLab
- oklab(0.506 0.115 0.101)
- CIE Lab
- lab(41.5 43.67 52.45)
- LCH
- lch(41.5 68.25 50.2)
- CMYK
- cmyk(0% 64% 99% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4522A
- BE6644
- C7795B
- D18C72
- DA9F89
- E2B2A0
- EAC5B8
- F1D8CF
- F8ECE7
Koyu tonlar
- 923401
- 7C2B01
- 672201
- 531A00
- 3F1200
- 2C0A00
- 1B0400
- 0A0100
- 010000
Gri tonlar
- A6461C
- A34E2C
- A05639
- 9D5D44
- 99634F
- 956959
- 906F63
- 8B756D
- 867B76
Renk uyumları
Tamamlayıcı +180°
- A93D02
Rust
- 00708B
≈ Blue Jay Crest
Analog -30° +30°
- A93D02
Rust
- AA344E
≈ Mad About You
- 8B5900
≈ Grizzly
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- A93D02
Rust
- 007471
≈ Reef
- 0066B6
≈ Ephren Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.25:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.35:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--rust: #a93d02;
--rust-rgb: 169 61 2;
--rust-oklch: oklch(0.506 0.153 41.5);
}
.element {
color: var(--rust);
background-color: hsl(21 98% 34%);
border-color: oklch(0.506 0.153 41.5);
}Tailwind CSS v4
@theme {
--color-rust: #a93d02;
--color-rust-50: #ffe8d2;
--color-rust-100: #ffd8bf;
--color-rust-200: #ffbf9f;
--color-rust-300: #f99d76;
--color-rust-400: #e87c52;
--color-rust-500: #d65b25;
--color-rust-600: #b54e22;
--color-rust-700: #913e1b;
--color-rust-800: #6d2c14;
--color-rust-900: #4d1d0c;
--color-rust-950: #320d02;
}SCSS
$rust: #a93d02;
$rust-rgb: 169, 61, 2;
$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);
}