Adlandırılmış renk · #715E4F
Rich Brown
Rich Brown, #715E4F: rgb(113 94 79), hsl(26 18% 38%), oklch(0.496 0.034 60.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Rich Brown color name →
#715E4F
oklch(0.496 0.034 60.2)
Renk dönüşümleri
- HEX
- #715e4f
- RGB
- rgb(113 94 79)
- HSL
- hsl(26 18% 38%)
- HWB
- hwb(26 31% 56%)
- OKLCH
- oklch(0.496 0.034 60.2)
- OKLab
- oklab(0.496 0.017 0.029)
- CIE Lab
- lab(41.49 6.13 11.66)
- LCH
- lch(41.49 13.17 62.3)
- CMYK
- cmyk(0% 17% 30% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7E6D5F
- 8C7C6F
- 9A8B80
- A89B91
- B6ABA3
- C4BBB5
- D3CCC7
- E1DDD9
- F0EEEC
Koyu tonlar
- 615144
- 524438
- 43372E
- 352B23
- 271F19
- 1A1410
- 0E0A07
- 040302
- 010000
Gri tonlar
- 736154
- 746559
- 76685E
- 776C62
- 796F67
- 7A726C
- 7C7671
- 7D7976
- 7F7D7B
Renk uyumları
Tamamlayıcı +180°
- 715E4F
Rich Brown
- 516574
≈ Slate
Analog -30° +30°
- 715E4F
Rich Brown
- 745B57
≈ Peppercorn
- 6A624C
≈ Deer Trail
Üçlü +120° +240°
- 715E4F
Rich Brown
- 4D6963
≈ Green Beret
- 655E73
≈ Purple Passage
Bölünmüş tamamlayıcı +150° +210°
- 715E4F
Rich Brown
- 4C686D
≈ Mythic Forest
- 5B6276
≈ Pencil Lead
Dörtlü +90° +180° +270°
- 715E4F
Rich Brown
- 556858
≈ Picholine
- 516574
≈ Slate
- 6E5B6B
≈ Patina Violet
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.14:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.41:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--rich-brown: #715e4f;
--rich-brown-rgb: 113 94 79;
--rich-brown-oklch: oklch(0.496 0.034 60.2);
}
.element {
color: var(--rich-brown);
background-color: hsl(26 18% 38%);
border-color: oklch(0.496 0.034 60.2);
}Tailwind CSS v4
@theme {
--color-rich-brown: #715e4f;
--color-rich-brown-50: #fdf3ec;
--color-rich-brown-100: #f1e6dd;
--color-rich-brown-200: #dfd1c6;
--color-rich-brown-300: #c5b4a6;
--color-rich-brown-400: #ae9a8b;
--color-rich-brown-500: #978170;
--color-rich-brown-600: #806e5f;
--color-rich-brown-700: #67584c;
--color-rich-brown-800: #4c4037;
--color-rich-brown-900: #352c26;
--color-rich-brown-950: #201914;
}SCSS
$rich-brown: #715e4f;
$rich-brown-rgb: 113, 94, 79;
$rich-brown-light: mix(#fff, $rich-brown, 20%);
$rich-brown-dark: mix(#000, $rich-brown, 20%);
.element {
color: $rich-brown;
box-shadow: 0 0 0 2px rgba($rich-brown, 0.35);
}