Adlandırılmış renk · #7B5847
Burns Cave
Burns Cave, #7B5847: rgb(123 88 71), hsl(20 27% 38%), oklch(0.493 0.054 46.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Burns Cave color name →
#7B5847
oklch(0.493 0.054 46.9)
Renk dönüşümleri
- HEX
- #7b5847
- RGB
- rgb(123 88 71)
- HSL
- hsl(20 27% 38%)
- HWB
- hwb(20 28% 52%)
- OKLCH
- oklch(0.493 0.054 46.9)
- OKLab
- oklab(0.493 0.037 0.039)
- CIE Lab
- lab(40.87 13.18 15.88)
- LCH
- lch(40.87 20.64 50.3)
- CMYK
- cmyk(0% 28% 42% 52%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 886758
- 957769
- A2877B
- AF988C
- BCA89F
- C9B9B1
- D7CAC4
- E4DCD8
- F1EDEB
Koyu tonlar
- 6A4B3D
- 5A3F32
- 4A3328
- 3A281F
- 2C1D16
- 1E120D
- 100906
- 050302
- 010000
Gri tonlar
- 7C5C4D
- 7D6052
- 7D6458
- 7E685E
- 7E6C63
- 7F7069
- 7F746F
- 807875
- 807C7A
Renk uyumları
Tamamlayıcı +180°
- 7B5847
Burns Cave
- 3F6879
≈ Mammoth Mountain
Analog -30° +30°
- 7B5847
Burns Cave
- 7D5556
≈ Lampoon
- 735D3E
≈ Muddy River
Üçlü +120° +240°
- 7B5847
Burns Cave
- 426B5B
≈ June Ivy
- 5F5D7F
≈ Strong Iris
Bölünmüş tamamlayıcı +150° +210°
- 7B5847
Burns Cave
- 396B6C
≈ Moat
- 4E6280
≈ Admiral Blue
Dörtlü +90° +180° +270°
- 7B5847
Burns Cave
- 53694A
≈ Garden Cucumber
- 3F6879
≈ Mammoth Mountain
- 6E5876
≈ Trixter
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.30:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.32:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--burns-cave: #7b5847;
--burns-cave-rgb: 123 88 71;
--burns-cave-oklch: oklch(0.493 0.054 46.9);
}
.element {
color: var(--burns-cave);
background-color: hsl(20 27% 38%);
border-color: oklch(0.493 0.054 46.9);
}Tailwind CSS v4
@theme {
--color-burns-cave: #7b5847;
--color-burns-cave-50: #fff1e8;
--color-burns-cave-100: #f8e3d9;
--color-burns-cave-200: #e8cec1;
--color-burns-cave-300: #cfb0a0;
--color-burns-cave-400: #ba9584;
--color-burns-cave-500: #a57c68;
--color-burns-cave-600: #8b6958;
--color-burns-cave-700: #6f5446;
--color-burns-cave-800: #523d33;
--color-burns-cave-900: #392a23;
--color-burns-cave-950: #241712;
}SCSS
$burns-cave: #7b5847;
$burns-cave-rgb: 123, 88, 71;
$burns-cave-light: mix(#fff, $burns-cave, 20%);
$burns-cave-dark: mix(#000, $burns-cave, 20%);
.element {
color: $burns-cave;
box-shadow: 0 0 0 2px rgba($burns-cave, 0.35);
}