Adlandırılmış renk · #603B41
Stag Beetle
Stag Beetle, #603B41: rgb(96 59 65), hsl(350 24% 30%), oklch(0.398 0.053 9.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Stag Beetle color name →
#603B41
oklch(0.398 0.053 9.2)
Renk dönüşümleri
- HEX
- #603b41
- RGB
- rgb(96 59 65)
- HSL
- hsl(350 24% 30%)
- HWB
- hwb(350 23% 62%)
- OKLCH
- oklch(0.398 0.053 9.2)
- OKLab
- oklab(0.398 0.052 0.008)
- CIE Lab
- lab(29.56 17.45 3.49)
- LCH
- lch(29.56 17.79 11.3)
- CMYK
- cmyk(0% 39% 32% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6F4D52
- 7F5F63
- 8E7175
- 9E8488
- AE989A
- BEACAE
- CEC0C2
- DED5D6
- EEEAEA
Koyu tonlar
- 523237
- 45292E
- 382125
- 2C191C
- 201113
- 15090B
- 0A0405
- 030101
- 000000
Gri tonlar
- 644247
- 67484D
- 6B4F53
- 6E5659
- 715D60
- 746466
- 776B6C
- 7A7273
- 7D7979
Renk uyumları
Tamamlayıcı +180°
- 603B41
Stag Beetle
- 1F504D
≈ Lacustral
Analog -30° +30°
- 603B41
Stag Beetle
- 5A3C51
≈ Purple Cort
- 603D32
≈ Painted Bark
Üçlü +120° +240°
- 603B41
Stag Beetle
- 3E4D2E
≈ Bronze Tone
- 304963
≈ Majolica Blue
Bölünmüş tamamlayıcı +150° +210°
- 603B41
Stag Beetle
- 2C503D
≈ Moselle Green
- 224E5B
≈ Rugged Teal
Dörtlü +90° +180° +270°
- 603B41
Stag Beetle
- 4E4825
≈ Uniform Green
- 1F504D
≈ Lacustral
- 414463
≈ Blue Wonder
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.54:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.19:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.54:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--stag-beetle: #603b41;
--stag-beetle-rgb: 96 59 65;
--stag-beetle-oklch: oklch(0.398 0.053 9.2);
}
.element {
color: var(--stag-beetle);
background-color: hsl(350 24% 30%);
border-color: oklch(0.398 0.053 9.2);
}Tailwind CSS v4
@theme {
--color-stag-beetle: #603b41;
--color-stag-beetle-50: #ffeff1;
--color-stag-beetle-100: #f9e1e3;
--color-stag-beetle-200: #eacbce;
--color-stag-beetle-300: #d1adb0;
--color-stag-beetle-400: #bb9298;
--color-stag-beetle-500: #a6787f;
--color-stag-beetle-600: #8c666b;
--color-stag-beetle-700: #705156;
--color-stag-beetle-800: #533b3f;
--color-stag-beetle-900: #3a282b;
--color-stag-beetle-950: #241619;
}SCSS
$stag-beetle: #603b41;
$stag-beetle-rgb: 96, 59, 65;
$stag-beetle-light: mix(#fff, $stag-beetle, 20%);
$stag-beetle-dark: mix(#000, $stag-beetle, 20%);
.element {
color: $stag-beetle;
box-shadow: 0 0 0 2px rgba($stag-beetle, 0.35);
}