Nazwany kolor · #A13D2D
Edocha
Edocha to #A13D2D: rgb(161 61 45), hsl(8 56% 40%), oklch(0.496 0.136 31.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Edocha color name →
#A13D2D
oklch(0.496 0.136 31.4)
Konwersje koloru
- HEX
- #a13d2d
- RGB
- rgb(161 61 45)
- HSL
- hsl(8 56% 40%)
- HWB
- hwb(8 18% 37%)
- OKLCH
- oklch(0.496 0.136 31.4)
- OKLab
- oklab(0.496 0.116 0.071)
- CIE Lab
- lab(40.3 41.55 32.14)
- LCH
- lch(40.3 52.53 37.7)
- CMYK
- cmyk(0% 62% 72% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC5142
- B76556
- C1786A
- CB8B7E
- D59E93
- DEB1A8
- E7C4BD
- EFD8D3
- F7EBE9
Odcienie ciemniejsze
- 8B3426
- 762B1F
- 622218
- 4E1A11
- 3C120B
- 2A0A06
- 190402
- 090101
- 010000
Tony
- 9F4636
- 9D4D3F
- 9A5548
- 985B50
- 956258
- 916860
- 8E6F68
- 8A7470
- 857A78
Harmonie kolorów
Komplementarna +180°
- A13D2D
Edocha
- 006F7E
≈ Coastal Jetty
Analogowa -30° +30°
- A13D2D
Edocha
- 9D3A5D
≈ Boysenberry Pink
- 8F5000
≈ Plain Old Brown
Triada +120° +240°
- A13D2D
Edocha
- 007639
≈ Forestial
- 475AAF
≈ Chinese Bellflower
Komplementarna rozszczepiona +150° +210°
- A13D2D
Edocha
- 007265
≈ Pharaoh’s Gem
- 00689E
≈ Impulse Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.22:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--edocha: #a13d2d;
--edocha-rgb: 161 61 45;
--edocha-oklch: oklch(0.496 0.136 31.4);
}
.element {
color: var(--edocha);
background-color: hsl(8 56% 40%);
border-color: oklch(0.496 0.136 31.4);
}Tailwind CSS v4
@theme {
--color-edocha: #a13d2d;
--color-edocha-50: #ffe8dc;
--color-edocha-100: #ffd8cb;
--color-edocha-200: #ffc0af;
--color-edocha-300: #f59d8a;
--color-edocha-400: #e37e6b;
--color-edocha-500: #d15e4a;
--color-edocha-600: #b05040;
--color-edocha-700: #8e4032;
--color-edocha-800: #6a2d25;
--color-edocha-900: #4a1f19;
--color-edocha-950: #310e0a;
}SCSS
$edocha: #a13d2d;
$edocha-rgb: 161, 61, 45;
$edocha-light: mix(#fff, $edocha, 20%);
$edocha-dark: mix(#000, $edocha, 20%);
.element {
color: $edocha;
box-shadow: 0 0 0 2px rgba($edocha, 0.35);
}