Benannte Farbe · #C97376
Pink Dazzle
Pink Dazzle ist #C97376: rgb(201 115 118), hsl(358 44% 62%), oklch(0.651 0.108 18.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pink Dazzle color name →
#C97376
oklch(0.651 0.108 18.3)
Farbumrechnungen
- HEX
- #c97376
- RGB
- rgb(201 115 118)
- HSL
- hsl(358 44% 62%)
- HWB
- hwb(358 45% 21%)
- OKLCH
- oklch(0.651 0.108 18.3)
- OKLab
- oklab(0.651 0.103 0.034)
- CIE Lab
- lab(58.4 34.83 13.94)
- LCH
- lch(58.4 37.52 21.8)
- CMYK
- cmyk(0% 43% 41% 21%)
Tints · Shades · Tones
Tints
- D08183
- D68F90
- DC9D9D
- E2ABAB
- E7B8B8
- EDC6C6
- F2D4D4
- F6E3E2
- FBF1F1
Shades
- AE6366
- 955456
- 7C4547
- 643638
- 4C2829
- 361B1C
- 220F0F
- 0F0505
- 020101
Tones
- C27577
- BB7778
- B47879
- AD7A7A
- A67B7B
- 9F7C7C
- 987D7D
- 907E7E
- 887F7F
Farbharmonien
Komplementär +180°
- C97376
Pink Dazzle
- 11A3A8
≈ Wax Crayon Blue
Analog -30° +30°
- C97376
Pink Dazzle
- C0739B
≈ Dolomite Red
- C57A52
≈ Pheasant
Triadisch +120° +240°
- C97376
Pink Dazzle
- 6D9F5D
≈ Green Hornet
- 6591D1
≈ Bashful Blue
Geteilt komplementär +150° +210°
- C97376
Pink Dazzle
- 3DA583
≈ Funk
- 369CC4
≈ Norse Blue
Tetradisch +90° +180° +270°
- C97376
Pink Dazzle
- 96943F
≈ Plantain
- 11A3A8
≈ Wax Crayon Blue
- 8D84CE
≈ Amethyst Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.19:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--pink-dazzle: #c97376;
--pink-dazzle-rgb: 201 115 118;
--pink-dazzle-oklch: oklch(0.651 0.108 18.3);
}
.element {
color: var(--pink-dazzle);
background-color: hsl(358 44% 62%);
border-color: oklch(0.651 0.108 18.3);
}Tailwind CSS v4
@theme {
--color-pink-dazzle: #c97376;
--color-pink-dazzle-50: #ffeae8;
--color-pink-dazzle-100: #ffdad9;
--color-pink-dazzle-200: #ffc2c1;
--color-pink-dazzle-300: #eaa1a0;
--color-pink-dazzle-400: #d78486;
--color-pink-dazzle-500: #c3666a;
--color-pink-dazzle-600: #a5575a;
--color-pink-dazzle-700: #854548;
--color-pink-dazzle-800: #623235;
--color-pink-dazzle-900: #452224;
--color-pink-dazzle-950: #2d1113;
}SCSS
$pink-dazzle: #c97376;
$pink-dazzle-rgb: 201, 115, 118;
$pink-dazzle-light: mix(#fff, $pink-dazzle, 20%);
$pink-dazzle-dark: mix(#000, $pink-dazzle, 20%);
.element {
color: $pink-dazzle;
box-shadow: 0 0 0 2px rgba($pink-dazzle, 0.35);
}