Adlandırılmış renk · #744042
Tosca
Tosca, #744042: rgb(116 64 66), hsl(358 29% 35%), oklch(0.436 0.072 18). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Tosca color name →
#744042
oklch(0.436 0.072 18)
Renk dönüşümleri
- HEX
- #744042
- RGB
- rgb(116 64 66)
- HSL
- hsl(358 29% 35%)
- HWB
- hwb(358 25% 55%)
- OKLCH
- oklch(0.436 0.072 18)
- OKLab
- oklab(0.436 0.069 0.022)
- CIE Lab
- lab(33.76 23.31 9.21)
- LCH
- lch(33.76 25.06 21.6)
- CMYK
- cmyk(0% 45% 43% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 825253
- 906464
- 9E7676
- AC8888
- BA9B9B
- C8AFAE
- D5C2C2
- E3D6D6
- F1EAEA
Koyu tonlar
- 643638
- 542D2F
- 452425
- 371B1C
- 291314
- 1B0B0B
- 0F0505
- 050101
- 010000
Gri tonlar
- 764748
- 784D4E
- 795354
- 7B5A5A
- 7C6060
- 7D6767
- 7E6D6D
- 7F7373
- 807A7A
Renk uyumları
Tamamlayıcı +180°
- 744042
Tosca
- 065D60
≈ Sandhill Crane
Analog -30° +30°
- 744042
Tosca
- 6F4058
≈ Royal Lines
- 72442C
≈ Fawn Brown
Üçlü +120° +240°
- 744042
Tosca
- 3D5B33
≈ Turf
- 385279
≈ Bunting Blue
Bölünmüş tamamlayıcı +150° +210°
- 744042
Tosca
- 1F5E4A
≈ Teal Drama
- 1B5971
≈ Night Edition
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.22:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--tosca: #744042;
--tosca-rgb: 116 64 66;
--tosca-oklch: oklch(0.436 0.072 18);
}
.element {
color: var(--tosca);
background-color: hsl(358 29% 35%);
border-color: oklch(0.436 0.072 18);
}Tailwind CSS v4
@theme {
--color-tosca: #744042;
--color-tosca-50: #ffeded;
--color-tosca-100: #ffdfde;
--color-tosca-200: #f2c9c7;
--color-tosca-300: #daa9a8;
--color-tosca-400: #c68d8e;
--color-tosca-500: #b17274;
--color-tosca-600: #966162;
--color-tosca-700: #784d4e;
--color-tosca-800: #59383a;
--color-tosca-900: #3e2628;
--color-tosca-950: #271516;
}SCSS
$tosca: #744042;
$tosca-rgb: 116, 64, 66;
$tosca-light: mix(#fff, $tosca, 20%);
$tosca-dark: mix(#000, $tosca, 20%);
.element {
color: $tosca;
box-shadow: 0 0 0 2px rgba($tosca, 0.35);
}