Nazwany kolor · #994444
Ashen Brown
Ashen Brown to #994444: rgb(153 68 68), hsl(0 38% 43%), oklch(0.497 0.114 22.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ashen Brown color name →
#994444
oklch(0.497 0.114 22.1)
Konwersje koloru
- HEX
- #994444
- RGB
- rgb(153 68 68)
- HSL
- hsl(0 38% 43%)
- HWB
- hwb(0 27% 40%)
- OKLCH
- oklch(0.497 0.114 22.1)
- OKLab
- oklab(0.497 0.106 0.043)
- CIE Lab
- lab(40.54 36.33 18.24)
- LCH
- lch(40.54 40.65 26.7)
- CMYK
- cmyk(0% 56% 56% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A55755
- B06967
- BB7B78
- C58D8B
- D0A09D
- DAB2B0
- E3C5C3
- EDD8D7
- F6ECEB
Odcienie ciemniejsze
- 843A3A
- 703030
- 5D2626
- 4A1D1D
- 381414
- 270C0C
- 170505
- 080202
- 010000
Tony
- 984B4A
- 965250
- 945856
- 925E5C
- 906462
- 8D6A68
- 8A706E
- 877574
- 847B7A
Harmonie kolorów
Komplementarna +180°
- 994444
Ashen Brown
- 007077
≈ Active Turquoise
Analogowa -30° +30°
- 994444
Ashen Brown
- 924469
≈ Satsuma Imo Red
- 944D18
≈ Nightcap
Triada +120° +240°
- 994444
Ashen Brown
- 377232
≈ Japanese Laurel
- 3D60A3
≈ International
Komplementarna rozszczepiona +150° +210°
- 994444
Ashen Brown
- 00745C
≈ Tropical Rainforest
- 006C92
≈ Pure Light Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.43:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.26:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--ashen-brown: #994444;
--ashen-brown-rgb: 153 68 68;
--ashen-brown-oklch: oklch(0.497 0.114 22.1);
}
.element {
color: var(--ashen-brown);
background-color: hsl(0 38% 43%);
border-color: oklch(0.497 0.114 22.1);
}Tailwind CSS v4
@theme {
--color-ashen-brown: #994444;
--color-ashen-brown-50: #ffe9e5;
--color-ashen-brown-100: #ffdad5;
--color-ashen-brown-200: #ffc2bc;
--color-ashen-brown-300: #eca09b;
--color-ashen-brown-400: #da8280;
--color-ashen-brown-500: #c76463;
--color-ashen-brown-600: #a85554;
--color-ashen-brown-700: #874443;
--color-ashen-brown-800: #643132;
--color-ashen-brown-900: #462122;
--color-ashen-brown-950: #2e1011;
}SCSS
$ashen-brown: #994444;
$ashen-brown-rgb: 153, 68, 68;
$ashen-brown-light: mix(#fff, $ashen-brown, 20%);
$ashen-brown-dark: mix(#000, $ashen-brown, 20%);
.element {
color: $ashen-brown;
box-shadow: 0 0 0 2px rgba($ashen-brown, 0.35);
}