Adlandırılmış renk · #825943
Bricktone
Bricktone, #825943: rgb(130 89 67), hsl(21 32% 39%), oklch(0.503 0.064 49). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Bricktone color name →
#825943
oklch(0.503 0.064 49)
Renk dönüşümleri
- HEX
- #825943
- RGB
- rgb(130 89 67)
- HSL
- hsl(21 32% 39%)
- HWB
- hwb(21 26% 49%)
- OKLCH
- oklch(0.503 0.064 49)
- OKLab
- oklab(0.503 0.042 0.048)
- CIE Lab
- lab(41.95 15.39 19.88)
- LCH
- lch(41.95 25.14 52.3)
- CMYK
- cmyk(0% 32% 48% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E6854
- 9B7866
- A78878
- B4988A
- C0A99D
- CDBAB0
- D9CBC3
- E6DCD7
- F2EDEB
Koyu tonlar
- 704C39
- 5F402F
- 4E3426
- 3E281D
- 2F1D14
- 20130C
- 120905
- 060301
- 010000
Gri tonlar
- 825D49
- 82614F
- 826556
- 82695C
- 826D62
- 827168
- 82756E
- 817874
- 817C7A
Renk uyumları
Tamamlayıcı +180°
- 825943
Bricktone
- 3A6B81
≈ Lake Stream
Analog -30° +30°
- 825943
Bricktone
- 855555
≈ Flowering Chestnut
- 786038
≈ Twig Basket
Üçlü +120° +240°
- 825943
Bricktone
- 3C705E
≈ Foliage Green
- 635E86
≈ Purple Balloon
Bölünmüş tamamlayıcı +150° +210°
- 825943
Bricktone
- 316F72
≈ Lakelike
- 4E6589
≈ Luxe Blue
Dörtlü +90° +180° +270°
- 825943
Bricktone
- 516D49
≈ Graceland Grass
- 3A6B81
≈ Lake Stream
- 74587B
≈ Dr Who
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.07:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.45:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--bricktone: #825943;
--bricktone-rgb: 130 89 67;
--bricktone-oklch: oklch(0.503 0.064 49);
}
.element {
color: var(--bricktone);
background-color: hsl(21 32% 39%);
border-color: oklch(0.503 0.064 49);
}Tailwind CSS v4
@theme {
--color-bricktone: #825943;
--color-bricktone-50: #fff0e5;
--color-bricktone-100: #fae2d5;
--color-bricktone-200: #eccdbc;
--color-bricktone-300: #d3af9a;
--color-bricktone-400: #be947d;
--color-bricktone-500: #a97a60;
--color-bricktone-600: #8f6752;
--color-bricktone-700: #735241;
--color-bricktone-800: #553c2f;
--color-bricktone-900: #3b2920;
--color-bricktone-950: #251710;
}SCSS
$bricktone: #825943;
$bricktone-rgb: 130, 89, 67;
$bricktone-light: mix(#fff, $bricktone, 20%);
$bricktone-dark: mix(#000, $bricktone, 20%);
.element {
color: $bricktone;
box-shadow: 0 0 0 2px rgba($bricktone, 0.35);
}