Nächste benannte Farbe · #DD6279
#DD6279
Nächste benannte Farbe: Feverish
#DD6279 (rgb(221 98 121), hsl(349 64% 63%), oklch(0.654 0.155 10.8)) liegt am nächsten an der benannten Farbe Feverish. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DD6279
oklch(0.654 0.155 10.8)
Farbumrechnungen
- HEX
- #dd6279
- RGB
- rgb(221 98 121)
- HSL
- hsl(349 64% 63%)
- HWB
- hwb(349 38% 13%)
- OKLCH
- oklch(0.654 0.155 10.8)
- OKLab
- oklab(0.654 0.152 0.029)
- CIE Lab
- lab(58.04 50.53 12.26)
- LCH
- lch(58.04 52 13.6)
- CMYK
- cmyk(0% 56% 45% 13%)
Tints · Shades · Tones
Tints
- E27386
- E78392
- EC939F
- F0A3AD
- F4B2BA
- F7C1C7
- FAD1D5
- FCE0E3
- FEF0F1
Shades
- C05468
- A44758
- 883A48
- 6E2D39
- 55212B
- 3D161D
- 260B10
- 110305
- 020001
Tones
- D5677A
- CC6B7B
- C36E7B
- BA727C
- B1757D
- A8777D
- 9F7A7E
- 957C7F
- 8B7E7F
Farbharmonien
Komplementär +180°
- DD6279
Feverish
- 00A6A0
≈ Jadestone
Analog -30° +30°
- DD6279
Feverish
- CD66AC
≈ Super Pink
- DC6A3E
≈ Bonfire Night
Triadisch +120° +240°
- DD6279
Feverish
- 6EA22F
≈ Green Gone Wild
- 3A94EA
≈ Karimun Blue
Geteilt komplementär +150° +210°
- DD6279
Feverish
- 00AB72
≈ Sesame Street Green
- 00A0C3
≈ Scuba Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.09:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--feverish: #dd6279;
--feverish-rgb: 221 98 121;
--feverish-oklch: oklch(0.654 0.155 10.8);
}
.element {
color: var(--feverish);
background-color: hsl(349 64% 63%);
border-color: oklch(0.654 0.155 10.8);
}Tailwind CSS v4
@theme {
--color-feverish: #dd6279;
--color-feverish-50: #ffe4e9;
--color-feverish-100: #ffd3d9;
--color-feverish-200: #ffb9c2;
--color-feverish-300: #fc95a1;
--color-feverish-400: #ea7488;
--color-feverish-500: #d8506d;
--color-feverish-600: #b6455c;
--color-feverish-700: #92374a;
--color-feverish-800: #6d2737;
--color-feverish-900: #4d1a26;
--color-feverish-950: #320a14;
}SCSS
$feverish: #dd6279;
$feverish-rgb: 221, 98, 121;
$feverish-light: mix(#fff, $feverish, 20%);
$feverish-dark: mix(#000, $feverish, 20%);
.element {
color: $feverish;
box-shadow: 0 0 0 2px rgba($feverish, 0.35);
}