Benannte Farbe · #CF748C
Glam
Glam ist #CF748C: rgb(207 116 140), hsl(344 49% 63%), oklch(0.666 0.117 3.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Glam color name →
#CF748C
oklch(0.666 0.117 3.8)
Farbumrechnungen
- HEX
- #cf748c
- RGB
- rgb(207 116 140)
- HSL
- hsl(344 49% 63%)
- HWB
- hwb(344 45% 19%)
- OKLCH
- oklch(0.666 0.117 3.8)
- OKLab
- oklab(0.666 0.116 0.008)
- CIE Lab
- lab(59.88 38.49 3.5)
- LCH
- lch(59.88 38.65 5.2)
- CMYK
- cmyk(0% 44% 32% 19%)
Tints · Shades · Tones
Tints
- D58297
- DB90A2
- E09EAD
- E5ABB8
- EAB9C4
- EFC7D0
- F4D5DB
- F8E3E7
- FBF1F3
Shades
- B46479
- 995467
- 7F4555
- 673743
- 4F2933
- 381B23
- 230F14
- 100507
- 020101
Tones
- C8768B
- C0778A
- B97988
- B17A87
- A97C86
- A17D85
- 997E84
- 917F82
- 897F81
Farbharmonien
Komplementär +180°
- CF748C
Glam
- 0BAB9C
≈ Tropical Hideaway
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- CF748C
Glam
- 53A972
≈ Sēn Lín Lǜ Forest
- 03A6BF
≈ Maui
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--glam: #cf748c;
--glam-rgb: 207 116 140;
--glam-oklch: oklch(0.666 0.117 3.8);
}
.element {
color: var(--glam);
background-color: hsl(344 49% 63%);
border-color: oklch(0.666 0.117 3.8);
}Tailwind CSS v4
@theme {
--color-glam: #cf748c;
--color-glam-50: #ffe8f0;
--color-glam-100: #ffd8e2;
--color-glam-200: #ffc0cd;
--color-glam-300: #eb9eae;
--color-glam-400: #d88097;
--color-glam-500: #c4627d;
--color-glam-600: #a6536a;
--color-glam-700: #854255;
--color-glam-800: #63303f;
--color-glam-900: #45202c;
--color-glam-950: #2d0f19;
}SCSS
$glam: #cf748c;
$glam-rgb: 207, 116, 140;
$glam-light: mix(#fff, $glam, 20%);
$glam-dark: mix(#000, $glam, 20%);
.element {
color: $glam;
box-shadow: 0 0 0 2px rgba($glam, 0.35);
}