Nazwany kolor · #9C6E63
Reddened Earth
Reddened Earth to #9C6E63: rgb(156 110 99), hsl(12 22% 50%), oklch(0.582 0.062 33.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Reddened Earth color name →
#9C6E63
oklch(0.582 0.062 33.9)
Konwersje koloru
- HEX
- #9c6e63
- RGB
- rgb(156 110 99)
- HSL
- hsl(12 22% 50%)
- HWB
- hwb(12 39% 39%)
- OKLCH
- oklch(0.582 0.062 33.9)
- OKLab
- oklab(0.582 0.051 0.034)
- CIE Lab
- lab(51.07 17.74 13.82)
- LCH
- lch(51.07 22.49 37.9)
- CMYK
- cmyk(0% 29% 37% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A67C72
- B08A80
- BA988F
- C4A69F
- CEB4AE
- D8C3BE
- E2D2CE
- EBE1DE
- F5F0EE
Odcienie ciemniejsze
- 875F55
- 735047
- 5F413A
- 4C332E
- 392621
- 281916
- 180E0B
- 090403
- 010100
Tony
- 9A7066
- 977269
- 94746C
- 92766F
- 8F7772
- 8C7975
- 897B77
- 867D7A
- 837E7D
Harmonie kolorów
Komplementarna +180°
- 9C6E63
Reddened Earth
- 4D8591
≈ Flounce
Analogowa -30° +30°
- 9C6E63
Reddened Earth
- 9B6C77
≈ Concerto
- 957354
≈ Sagebrush
Triada +120° +240°
- 9C6E63
Reddened Earth
- 5E866A
≈ Clouded Pine
- 6F79A0
≈ Quantum Blue
Komplementarna rozszczepiona +150° +210°
- 9C6E63
Reddened Earth
- 4E877F
≈ Jericho Jade
- 5B7F9D
≈ Goddess of the Nile
Tetrada +90° +180° +270°
- 9C6E63
Reddened Earth
- 738259
≈ Terrain
- 4D8591
≈ Flounce
- 837299
≈ Baroness Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.35:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.82:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--reddened-earth: #9c6e63;
--reddened-earth-rgb: 156 110 99;
--reddened-earth-oklch: oklch(0.582 0.062 33.9);
}
.element {
color: var(--reddened-earth);
background-color: hsl(12 22% 50%);
border-color: oklch(0.582 0.062 33.9);
}Tailwind CSS v4
@theme {
--color-reddened-earth: #9c6e63;
--color-reddened-earth-50: #ffefe9;
--color-reddened-earth-100: #fce1da;
--color-reddened-earth-200: #edccc2;
--color-reddened-earth-300: #d5ada2;
--color-reddened-earth-400: #c09287;
--color-reddened-earth-500: #ab786b;
--color-reddened-earth-600: #90655b;
--color-reddened-earth-700: #745149;
--color-reddened-earth-800: #563b35;
--color-reddened-earth-900: #3c2824;
--color-reddened-earth-950: #251613;
}SCSS
$reddened-earth: #9c6e63;
$reddened-earth-rgb: 156, 110, 99;
$reddened-earth-light: mix(#fff, $reddened-earth, 20%);
$reddened-earth-dark: mix(#000, $reddened-earth, 20%);
.element {
color: $reddened-earth;
box-shadow: 0 0 0 2px rgba($reddened-earth, 0.35);
}