Benannte Farbe · #C16F68
Contessa
Contessa ist #C16F68: rgb(193 111 104), hsl(5 42% 58%), oklch(0.631 0.105 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Contessa color name →
#C16F68
oklch(0.631 0.105 25.6)
Farbumrechnungen
- HEX
- #c16f68
- RGB
- rgb(193 111 104)
- HSL
- hsl(5 42% 58%)
- HWB
- hwb(5 41% 24%)
- OKLCH
- oklch(0.631 0.105 25.6)
- OKLab
- oklab(0.631 0.095 0.046)
- CIE Lab
- lab(56.19 32.68 18.79)
- LCH
- lch(56.19 37.69 29.9)
- CMYK
- cmyk(0% 42% 46% 24%)
Tints · Shades · Tones
Tints
- C87D76
- CF8B85
- D69A93
- DDA8A2
- E3B6B1
- E9C5C0
- EFD3D0
- F5E2DF
- FAF0EF
Shades
- A76059
- 8F514B
- 77423E
- 5F3430
- 492724
- 341A18
- 200E0C
- 0E0404
- 020100
Tones
- BB716B
- B5736D
- AF7570
- A97772
- A27975
- 9C7B77
- 957C79
- 8E7D7C
- 877F7E
Farbharmonien
Komplementär +180°
- C16F68
Contessa
- 119BA8
≈ Turkish Boy
Analog -30° +30°
- C16F68
Contessa
- BB6D8C
≈ Pinky Pickle
- BA7747
≈ Palomino
Triadisch +120° +240°
- C16F68
Contessa
- 5E9A62
≈ Wildness Mint
- 6B87C9
≈ Livid
Geteilt komplementär +150° +210°
- C16F68
Contessa
- 2D9E87
≈ Gossamer
- 3F93C0
≈ Opalescent
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.65:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.74:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--contessa: #c16f68;
--contessa-rgb: 193 111 104;
--contessa-oklch: oklch(0.631 0.105 25.6);
}
.element {
color: var(--contessa);
background-color: hsl(5 42% 58%);
border-color: oklch(0.631 0.105 25.6);
}Tailwind CSS v4
@theme {
--color-contessa: #c16f68;
--color-contessa-50: #ffebe5;
--color-contessa-100: #ffdbd5;
--color-contessa-200: #fec4bc;
--color-contessa-300: #e8a39a;
--color-contessa-400: #d6857e;
--color-contessa-500: #c26861;
--color-contessa-600: #a45953;
--color-contessa-700: #844742;
--color-contessa-800: #623330;
--color-contessa-900: #452321;
--color-contessa-950: #2c1110;
}SCSS
$contessa: #c16f68;
$contessa-rgb: 193, 111, 104;
$contessa-light: mix(#fff, $contessa, 20%);
$contessa-dark: mix(#000, $contessa, 20%);
.element {
color: $contessa;
box-shadow: 0 0 0 2px rgba($contessa, 0.35);
}