Benoemde kleur · #CD4A4A
African Mahogany
African Mahogany is #CD4A4A: rgb(205 74 74), hsl(0 57% 55%), oklch(0.588 0.167 23.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · African Mahogany color name →
#CD4A4A
oklch(0.588 0.167 23.8)
Kleurconversies
- HEX
- #cd4a4a
- RGB
- rgb(205 74 74)
- HSL
- hsl(0 57% 55%)
- HWB
- hwb(0 29% 20%)
- OKLCH
- oklch(0.588 0.167 23.8)
- OKLab
- oklab(0.588 0.152 0.067)
- CIE Lab
- lab(50.58 52.72 29.47)
- LCH
- lch(50.58 60.4 29.2)
- CMYK
- cmyk(0% 64% 64% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D45E5C
- DB716D
- E2847F
- E89690
- EDA7A2
- F2B9B4
- F6CAC7
- FADCD9
- FDEDEC
Schaduwen
- B23F3F
- 983535
- 7E2A2A
- 662020
- 4E1717
- 380E0E
- 230606
- 0F0202
- 020000
Tonen
- C75250
- C05956
- B95F5B
- B26561
- AB6A66
- A36F6C
- 9B7471
- 937876
- 8A7C7B
Kleurharmonieën
Complementair +180°
- CD4A4A
African Mahogany
- 008E98
≈ Tempo Teal
Analoog -30° +30°
- CD4A4A
African Mahogany
- C44984
≈ Mulberry Yoghurt
- BE5F00
≈ Dry Clay
Triadisch +120° +240°
- CD4A4A
African Mahogany
- 2C9531
≈ Putting Green
- 4877DE
≈ Skies of Cyberspace
Gesplitst complementair +150° +210°
- CD4A4A
African Mahogany
- 009277
≈ Dòu Lǜ Green
- 0087BA
≈ Mermaid Dreams
Tetradisch +90° +180° +270°
- CD4A4A
African Mahogany
- 7D8400
≈ Elwynn Forest Olive
- 008E98
≈ Tempo Teal
- 8464D5
≈ C64 Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.49:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.67:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--african-mahogany: #cd4a4a;
--african-mahogany-rgb: 205 74 74;
--african-mahogany-oklch: oklch(0.588 0.167 23.8);
}
.element {
color: var(--african-mahogany);
background-color: hsl(0 57% 55%);
border-color: oklch(0.588 0.167 23.8);
}Tailwind CSS v4
@theme {
--color-african-mahogany: #cd4a4a;
--color-african-mahogany-50: #ffe4dd;
--color-african-mahogany-100: #ffd3cb;
--color-african-mahogany-200: #ffb8af;
--color-african-mahogany-300: #ff948b;
--color-african-mahogany-400: #f1716d;
--color-african-mahogany-500: #df4c4d;
--color-african-mahogany-600: #bc4242;
--color-african-mahogany-700: #973434;
--color-african-mahogany-800: #712427;
--color-african-mahogany-900: #50181a;
--color-african-mahogany-950: #35080b;
}SCSS
$african-mahogany: #cd4a4a;
$african-mahogany-rgb: 205, 74, 74;
$african-mahogany-light: mix(#fff, $african-mahogany, 20%);
$african-mahogany-dark: mix(#000, $african-mahogany, 20%);
.element {
color: $african-mahogany;
box-shadow: 0 0 0 2px rgba($african-mahogany, 0.35);
}