Benannte Farbe · #CB6843
Terracotta
Terracotta ist #CB6843: rgb(203 104 67), hsl(16 57% 53%), oklch(0.626 0.136 40.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Terracotta color name →
#CB6843
oklch(0.626 0.136 40.7)
Farbumrechnungen
- HEX
- #cb6843
- RGB
- rgb(203 104 67)
- HSL
- hsl(16 57% 53%)
- HWB
- hwb(16 26% 20%)
- OKLCH
- oklch(0.626 0.136 40.7)
- OKLab
- oklab(0.626 0.103 0.089)
- CIE Lab
- lab(55.64 38.03 39.19)
- LCH
- lch(55.64 54.6 45.9)
- CMYK
- cmyk(0% 49% 67% 20%)
Tints · Shades · Tones
Tints
- D27857
- D88769
- DE967C
- E4A58E
- E9B4A1
- EEC3B3
- F3D2C6
- F7E1D9
- FBF0EC
Shades
- B05939
- 964B2F
- 7D3E26
- 65301D
- 4D2414
- 37180C
- 220C05
- 0F0401
- 020000
Tones
- C46B4B
- BD6F52
- B67158
- AF745F
- A87765
- A0796B
- 997B70
- 917D76
- 897E7B
Farbharmonien
Komplementär +180°
- CB6843
Terracotta
- 0097B8
≈ Bondi Blue
Analog -30° +30°
- CB6843
Terracotta
- CC6174
≈ Cherry Fruit
- BA7700
≈ Cassandra’s Curse
Triadisch +120° +240°
- CB6843
Terracotta
- 14A06C
≈ Surgeon
- 7A7CD8
≈ Tanzine
Geteilt komplementär +150° +210°
- CB6843
Terracotta
- 009C97
≈ Caribbean Turquoise
- 408CD7
≈ Magical Merlin
Tetradisch +90° +180° +270°
- CB6843
Terracotta
- 6B9837
≈ Hidden Valley
- 0097B8
≈ Bondi Blue
- A26EC4
≈ Rich Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.74:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.60:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--terracotta: #cb6843;
--terracotta-rgb: 203 104 67;
--terracotta-oklch: oklch(0.626 0.136 40.7);
}
.element {
color: var(--terracotta);
background-color: hsl(16 57% 53%);
border-color: oklch(0.626 0.136 40.7);
}Tailwind CSS v4
@theme {
--color-terracotta: #cb6843;
--color-terracotta-50: #ffe9d7;
--color-terracotta-100: #ffdac4;
--color-terracotta-200: #ffc2a6;
--color-terracotta-300: #f2a07f;
--color-terracotta-400: #e1815d;
--color-terracotta-500: #cf6138;
--color-terracotta-600: #ae5330;
--color-terracotta-700: #8c4226;
--color-terracotta-800: #692f1c;
--color-terracotta-900: #4a2012;
--color-terracotta-950: #300f05;
}SCSS
$terracotta: #cb6843;
$terracotta-rgb: 203, 104, 67;
$terracotta-light: mix(#fff, $terracotta, 20%);
$terracotta-dark: mix(#000, $terracotta, 20%);
.element {
color: $terracotta;
box-shadow: 0 0 0 2px rgba($terracotta, 0.35);
}