Nazwany kolor · #4A352B
Peat Moss
Peat Moss to #4A352B: rgb(74 53 43), hsl(19 26% 23%), oklch(0.35 0.035 46.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Peat Moss color name →
#4A352B
oklch(0.35 0.035 46.6)
Konwersje koloru
- HEX
- #4a352b
- RGB
- rgb(74 53 43)
- HSL
- hsl(19 26% 23%)
- HWB
- hwb(19 17% 71%)
- OKLCH
- oklch(0.35 0.035 46.6)
- OKLab
- oklab(0.35 0.024 0.025)
- CIE Lab
- lab(24.39 8.57 10.2)
- LCH
- lch(24.39 13.33 50)
- CMYK
- cmyk(0% 28% 42% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B473D
- 6B5950
- 7D6C64
- 8E8079
- A0948E
- B3A8A4
- C5BDBA
- D8D3D0
- ECE9E7
Odcienie ciemniejsze
- 3F2D24
- 35251D
- 2A1D16
- 201510
- 170E0A
- 0E0805
- 060302
- 020101
- 000000
Tony
- 4F3C33
- 55433B
- 5A4B43
- 60524C
- 655954
- 6A615D
- 706965
- 75706E
- 7B7877
Harmonie kolorów
Komplementarna +180°
- 4A352B
Peat Moss
- 263E49
≈ Bakos Blue
Analogowa -30° +30°
- 4A352B
Peat Moss
- 4B3334
≈ Rhinox Hide
- 453826
≈ Loam
Triada +120° +240°
- 4A352B
Peat Moss
- 284036
≈ Celtic
- 39384C
≈ Martinique
Komplementarna rozszczepiona +150° +210°
- 4A352B
Peat Moss
- 234041
≈ Pine Hollow
- 2F3B4D
≈ Dark Spell
Tetrada +90° +180° +270°
- 4A352B
Peat Moss
- 323F2D
≈ Aged Pine
- 263E49
≈ Bakos Blue
- 423547
≈ Royal Decree
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.44:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.83:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--peat-moss: #4a352b;
--peat-moss-rgb: 74 53 43;
--peat-moss-oklch: oklch(0.35 0.035 46.6);
}
.element {
color: var(--peat-moss);
background-color: hsl(19 26% 23%);
border-color: oklch(0.35 0.035 46.6);
}Tailwind CSS v4
@theme {
--color-peat-moss: #4a352b;
--color-peat-moss-50: #fef2ed;
--color-peat-moss-100: #f2e5de;
--color-peat-moss-200: #e1d0c8;
--color-peat-moss-300: #c7b3a8;
--color-peat-moss-400: #b1998d;
--color-peat-moss-500: #9a8073;
--color-peat-moss-600: #836c61;
--color-peat-moss-700: #69564e;
--color-peat-moss-800: #4d3f39;
--color-peat-moss-900: #362b27;
--color-peat-moss-950: #211915;
}SCSS
$peat-moss: #4a352b;
$peat-moss-rgb: 74, 53, 43;
$peat-moss-light: mix(#fff, $peat-moss, 20%);
$peat-moss-dark: mix(#000, $peat-moss, 20%);
.element {
color: $peat-moss;
box-shadow: 0 0 0 2px rgba($peat-moss, 0.35);
}