Adlandırılmış renk · #723D3B
Tuscan Russet
Tuscan Russet, #723D3B: rgb(114 61 59), hsl(2 32% 34%), oklch(0.425 0.075 23). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Tuscan Russet color name →
#723D3B
oklch(0.425 0.075 23)
Renk dönüşümleri
- HEX
- #723d3b
- RGB
- rgb(114 61 59)
- HSL
- hsl(2 32% 34%)
- HWB
- hwb(2 23% 55%)
- OKLCH
- oklch(0.425 0.075 23)
- OKLab
- oklab(0.425 0.069 0.029)
- CIE Lab
- lab(32.6 23.54 12.04)
- LCH
- lch(32.6 26.44 27.1)
- CMYK
- cmyk(0% 46% 48% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 804F4C
- 8E615E
- 9D7471
- AB8684
- B99A97
- C7ADAB
- D5C1C0
- E3D6D4
- F1EAEA
Koyu tonlar
- 623432
- 532B29
- 442221
- 361A19
- 281211
- 1B0A09
- 0E0404
- 040101
- 010000
Gri tonlar
- 744442
- 764B48
- 78514F
- 7A5856
- 7B5F5D
- 7C6564
- 7E6C6B
- 7F7372
- 7F7979
Renk uyumları
Tamamlayıcı +180°
- 723D3B
Tuscan Russet
- 005A60
≈ Entrapment
Analog -30° +30°
- 723D3B
Tuscan Russet
- 6E3C52
≈ Ruby Nights
- 6E4225
≈ Davao Durian
Üçlü +120° +240°
- 723D3B
Tuscan Russet
- 355933
≈ Parsley
- 384E77
≈ Noble Knight
Bölünmüş tamamlayıcı +150° +210°
- 723D3B
Tuscan Russet
- 135C4B
≈ Evergreen
- 1A5571
≈ Canoe Blue
Dörtlü +90° +180° +270°
- 723D3B
Tuscan Russet
- 4F531E
≈ Private Green
- 005A60
≈ Entrapment
- 504674
≈ Dramatist
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.58:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.44:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.58:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--tuscan-russet: #723d3b;
--tuscan-russet-rgb: 114 61 59;
--tuscan-russet-oklch: oklch(0.425 0.075 23);
}
.element {
color: var(--tuscan-russet);
background-color: hsl(2 32% 34%);
border-color: oklch(0.425 0.075 23);
}Tailwind CSS v4
@theme {
--color-tuscan-russet: #723d3b;
--color-tuscan-russet-50: #ffeeea;
--color-tuscan-russet-100: #ffdfdb;
--color-tuscan-russet-200: #f3c9c4;
--color-tuscan-russet-300: #dba9a4;
--color-tuscan-russet-400: #c78d8a;
--color-tuscan-russet-500: #b3726f;
--color-tuscan-russet-600: #97615e;
--color-tuscan-russet-700: #794d4b;
--color-tuscan-russet-800: #5a3837;
--color-tuscan-russet-900: #3f2626;
--color-tuscan-russet-950: #281414;
}SCSS
$tuscan-russet: #723d3b;
$tuscan-russet-rgb: 114, 61, 59;
$tuscan-russet-light: mix(#fff, $tuscan-russet, 20%);
$tuscan-russet-dark: mix(#000, $tuscan-russet, 20%);
.element {
color: $tuscan-russet;
box-shadow: 0 0 0 2px rgba($tuscan-russet, 0.35);
}