Adlandırılmış renk · #A85533
Vesuvius
Vesuvius, #A85533: rgb(168 85 51), hsl(17 53% 43%), oklch(0.544 0.119 42.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Vesuvius color name →
#A85533
oklch(0.544 0.119 42.1)
Renk dönüşümleri
- HEX
- #a85533
- RGB
- rgb(168 85 51)
- HSL
- hsl(17 53% 43%)
- HWB
- hwb(17 20% 34%)
- OKLCH
- oklch(0.544 0.119 42.1)
- OKLab
- oklab(0.544 0.088 0.08)
- CIE Lab
- lab(46.21 32.9 35.63)
- LCH
- lch(46.21 48.49 47.3)
- CMYK
- cmyk(0% 49% 70% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B26648
- BC775C
- C58770
- CE9883
- D7A997
- DFBAAC
- E8CBC0
- F0DCD5
- F7EEEA
Koyu tonlar
- 92492B
- 7C3D23
- 67311C
- 522614
- 3F1C0D
- 2C1107
- 1A0803
- 0A0201
- 010000
Gri tonlar
- A55A3C
- A25F45
- 9E644D
- 9B6855
- 976D5C
- 937164
- 8E756B
- 8A7972
- 857C79
Renk uyumları
Tamamlayıcı +180°
- A85533
Vesuvius
- 007C9A
≈ Pacific Pleasure
Analog -30° +30°
- A85533
Vesuvius
- A94F5D
≈ Rose Vale
- 996300
≈ Raw Sienna
Üçlü +120° +240°
- A85533
Vesuvius
- 00855A
≈ Primal Green
- 6665B3
≈ Bluish Purple Anemone
Bölünmüş tamamlayıcı +150° +210°
- A85533
Vesuvius
- 00817E
≈ Belly Flop
- 3672B3
≈ Campanula
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--vesuvius: #a85533;
--vesuvius-rgb: 168 85 51;
--vesuvius-oklch: oklch(0.544 0.119 42.1);
}
.element {
color: var(--vesuvius);
background-color: hsl(17 53% 43%);
border-color: oklch(0.544 0.119 42.1);
}Tailwind CSS v4
@theme {
--color-vesuvius: #a85533;
--color-vesuvius-50: #ffebda;
--color-vesuvius-100: #ffdcc8;
--color-vesuvius-200: #ffc5ab;
--color-vesuvius-300: #eba485;
--color-vesuvius-400: #d98665;
--color-vesuvius-500: #c66842;
--color-vesuvius-600: #a85939;
--color-vesuvius-700: #87472d;
--color-vesuvius-800: #643221;
--color-vesuvius-900: #472215;
--color-vesuvius-950: #2e1107;
}SCSS
$vesuvius: #a85533;
$vesuvius-rgb: 168, 85, 51;
$vesuvius-light: mix(#fff, $vesuvius, 20%);
$vesuvius-dark: mix(#000, $vesuvius, 20%);
.element {
color: $vesuvius;
box-shadow: 0 0 0 2px rgba($vesuvius, 0.35);
}