Adlandırılmış renk · #6E3530
Henna Red
Henna Red, #6E3530: rgb(110 53 48), hsl(5 39% 31%), oklch(0.403 0.082 26.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Henna Red color name →
#6E3530
oklch(0.403 0.082 26.5)
Renk dönüşümleri
- HEX
- #6e3530
- RGB
- rgb(110 53 48)
- HSL
- hsl(5 39% 31%)
- HWB
- hwb(5 19% 57%)
- OKLCH
- oklch(0.403 0.082 26.5)
- OKLab
- oklab(0.403 0.073 0.037)
- CIE Lab
- lab(29.91 25.43 15.4)
- LCH
- lch(29.91 29.73 31.2)
- CMYK
- cmyk(0% 52% 56% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D4842
- 8C5B55
- 9A6E69
- A9827D
- B79691
- C6AAA6
- D4BFBC
- E2D4D2
- F1E9E8
Koyu tonlar
- 5F2D28
- 502521
- 411D1A
- 331513
- 260E0C
- 190806
- 0E0303
- 040101
- 010000
Gri tonlar
- 713D38
- 734440
- 754C47
- 78534F
- 795B57
- 7B625F
- 7D6A67
- 7E716F
- 7F7978
Renk uyumları
Tamamlayıcı +180°
- 6E3530
Henna Red
- 00535B
≈ Blue Period
Analog -30° +30°
- 6E3530
Henna Red
- 6A3449
≈ Cabernet Craving
- 693B16
≈ Philippine Bronze
Üçlü +120° +240°
- 6E3530
Henna Red
- 27542D
≈ Moor-Monster
- 344675
≈ Daring Indigo
Bölünmüş tamamlayıcı +150° +210°
- 6E3530
Henna Red
- 005547
≈ Breathe Deeply
- 0B4E6F
≈ Gemstone Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.48:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.21:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.48:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--henna-red: #6e3530;
--henna-red-rgb: 110 53 48;
--henna-red-oklch: oklch(0.403 0.082 26.5);
}
.element {
color: var(--henna-red);
background-color: hsl(5 39% 31%);
border-color: oklch(0.403 0.082 26.5);
}Tailwind CSS v4
@theme {
--color-henna-red: #6e3530;
--color-henna-red-50: #ffede8;
--color-henna-red-100: #ffded9;
--color-henna-red-200: #f6c8c1;
--color-henna-red-300: #dea8a0;
--color-henna-red-400: #cb8c85;
--color-henna-red-500: #b67069;
--color-henna-red-600: #9a5f59;
--color-henna-red-700: #7c4c47;
--color-henna-red-800: #5c3734;
--color-henna-red-900: #402623;
--color-henna-red-950: #291412;
}SCSS
$henna-red: #6e3530;
$henna-red-rgb: 110, 53, 48;
$henna-red-light: mix(#fff, $henna-red, 20%);
$henna-red-dark: mix(#000, $henna-red, 20%);
.element {
color: $henna-red;
box-shadow: 0 0 0 2px rgba($henna-red, 0.35);
}