Nazwany kolor · #DD6677
Feverish
Feverish to #DD6677: rgb(221 102 119), hsl(351 64% 63%), oklch(0.659 0.149 13.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Feverish color name →
#DD6677
oklch(0.659 0.149 13.3)
Konwersje koloru
- HEX
- #dd6677
- RGB
- rgb(221 102 119)
- HSL
- hsl(351 64% 63%)
- HWB
- hwb(351 40% 13%)
- OKLCH
- oklch(0.659 0.149 13.3)
- OKLab
- oklab(0.659 0.145 0.034)
- CIE Lab
- lab(58.72 48.58 14.37)
- LCH
- lch(58.72 50.66 16.5)
- CMYK
- cmyk(0% 54% 46% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E27684
- E78691
- EC959E
- F0A5AB
- F3B4B9
- F7C3C7
- FAD2D5
- FCE1E3
- FEF0F1
Odcienie ciemniejsze
- C05867
- A44A57
- 883C47
- 6E2F38
- 55232A
- 3D171C
- 260C10
- 110405
- 020001
Tony
- D46A78
- CC6D79
- C3717A
- BA747B
- B1767C
- A8797D
- 9F7B7E
- 957D7E
- 8B7E7F
Harmonie kolorów
Komplementarna +180°
- DD6677
Feverish
- 00A7A5
≈ Royal Cloak
Analogowa -30° +30°
- DD6677
Feverish
- CF69A9
≈ Super Pink
- DB6F3F
≈ Field Poppy
Triada +120° +240°
- DD6677
Feverish
- 6CA53C
≈ Festival Green
- 4894EA
≈ Olympic Blue
Komplementarna rozszczepiona +150° +210°
- DD6677
Feverish
- 00AC79
≈ Bright Camouflage
- 00A1C8
≈ Resonant Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.36:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.24:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.24:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--feverish: #dd6677;
--feverish-rgb: 221 102 119;
--feverish-oklch: oklch(0.659 0.149 13.3);
}
.element {
color: var(--feverish);
background-color: hsl(351 64% 63%);
border-color: oklch(0.659 0.149 13.3);
}Tailwind CSS v4
@theme {
--color-feverish: #dd6677;
--color-feverish-50: #ffe5e7;
--color-feverish-100: #ffd4d8;
--color-feverish-200: #ffbabf;
--color-feverish-300: #fa979e;
--color-feverish-400: #e87685;
--color-feverish-500: #d65369;
--color-feverish-600: #b54859;
--color-feverish-700: #913947;
--color-feverish-800: #6c2835;
--color-feverish-900: #4c1b24;
--color-feverish-950: #320b13;
}SCSS
$feverish: #dd6677;
$feverish-rgb: 221, 102, 119;
$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);
}