Adlandırılmış renk · #764031
Lava Core
Lava Core, #764031: rgb(118 64 49), hsl(13 41% 33%), oklch(0.434 0.079 36.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Lava Core color name →
#764031
oklch(0.434 0.079 36.4)
Renk dönüşümleri
- HEX
- #764031
- RGB
- rgb(118 64 49)
- HSL
- hsl(13 41% 33%)
- HWB
- hwb(13 19% 54%)
- OKLCH
- oklch(0.434 0.079 36.4)
- OKLab
- oklab(0.434 0.064 0.047)
- CIE Lab
- lab(33.76 22.87 19.95)
- LCH
- lch(33.76 30.35 41.1)
- CMYK
- cmyk(0% 46% 58% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 845244
- 926457
- A0766A
- AD897E
- BB9C93
- C9AFA8
- D6C2BD
- E4D6D2
- F1EBE9
Koyu tonlar
- 663629
- 562D22
- 47241A
- 381B13
- 29130C
- 1C0B06
- 0F0503
- 050101
- 010000
Gri tonlar
- 784739
- 794D41
- 7B5449
- 7C5A50
- 7D6058
- 7E6760
- 7F6D68
- 7F7370
- 807A78
Renk uyumları
Tamamlayıcı +180°
- 764031
Lava Core
- 005B6C
≈ Brave New Teal
Analog -30° +30°
- 764031
Lava Core
- 753D4A
≈ Vintage Merlot
- 6E471B
≈ Antique Brass
Üçlü +120° +240°
- 764031
Lava Core
- 255E3F
≈ Greenbriar
- 464C7C
≈ Highlands Twilight
Bölünmüş tamamlayıcı +150° +210°
- 764031
Lava Core
- 005E57
≈ Tidal Pool
- 28557A
≈ Royal Breeze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.24:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.54:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.24:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--lava-core: #764031;
--lava-core-rgb: 118 64 49;
--lava-core-oklch: oklch(0.434 0.079 36.4);
}
.element {
color: var(--lava-core);
background-color: hsl(13 41% 33%);
border-color: oklch(0.434 0.079 36.4);
}Tailwind CSS v4
@theme {
--color-lava-core: #764031;
--color-lava-core-50: #ffeee5;
--color-lava-core-100: #ffe0d5;
--color-lava-core-200: #f4c9bc;
--color-lava-core-300: #dcaa9a;
--color-lava-core-400: #c88e7e;
--color-lava-core-500: #b47361;
--color-lava-core-600: #986252;
--color-lava-core-700: #7a4e41;
--color-lava-core-800: #5b3830;
--color-lava-core-900: #3f2620;
--color-lava-core-950: #281510;
}SCSS
$lava-core: #764031;
$lava-core-rgb: 118, 64, 49;
$lava-core-light: mix(#fff, $lava-core, 20%);
$lava-core-dark: mix(#000, $lava-core, 20%);
.element {
color: $lava-core;
box-shadow: 0 0 0 2px rgba($lava-core, 0.35);
}