Adlandırılmış renk · #DE4D7B
Feverish Passion
Feverish Passion, #DE4D7B: rgb(222 77 123), hsl(341 69% 59%), oklch(0.63 0.183 4.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Feverish Passion color name →
#DE4D7B
oklch(0.63 0.183 4.6)
Renk dönüşümleri
- HEX
- #de4d7b
- RGB
- rgb(222 77 123)
- HSL
- hsl(341 69% 59%)
- HWB
- hwb(341 30% 13%)
- OKLCH
- oklch(0.63 0.183 4.6)
- OKLab
- oklab(0.63 0.183 0.015)
- CIE Lab
- lab(54.84 59.77 6.66)
- LCH
- lch(54.84 60.14 6.4)
- CMYK
- cmyk(0% 65% 45% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E46287
- E97594
- EE87A1
- F298AE
- F6AABB
- F9BBC8
- FBCCD6
- FDDDE3
- FFEEF1
Koyu tonlar
- C1426A
- A5375A
- 892C4A
- 6F223A
- 55182C
- 3D0F1E
- 260710
- 120205
- 020001
Gri tonlar
- D6557C
- CD5C7C
- C5627D
- BC687D
- B36D7E
- AA717E
- A0757F
- 96797F
- 8B7D80
Renk uyumları
Tamamlayıcı +180°
- DE4D7B
Feverish Passion
- 009E91
≈ On a Whim
Analog -30° +30°
- DE4D7B
Feverish Passion
- C856B5
≈ Mazzy Star
- E25432
≈ Orangeade
Üçlü +120° +240°
- DE4D7B
Feverish Passion
- 749800
≈ Green Thumb
- 0090E0
≈ Kahu Blue
Bölünmüş tamamlayıcı +150° +210°
- DE4D7B
Feverish Passion
- 00A45C
≈ Alhambra Green
- 009AB2
≈ Caneel Bay
Dörtlü +90° +180° +270°
- DE4D7B
Feverish Passion
- A28700
≈ Golden Palm
- 009E91
≈ On a Whim
- 6B7AF6
≈ Byzantine Night Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.45:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--feverish-passion: #de4d7b;
--feverish-passion-rgb: 222 77 123;
--feverish-passion-oklch: oklch(0.63 0.183 4.6);
}
.element {
color: var(--feverish-passion);
background-color: hsl(341 69% 59%);
border-color: oklch(0.63 0.183 4.6);
}Tailwind CSS v4
@theme {
--color-feverish-passion: #de4d7b;
--color-feverish-passion-50: #ffe0ec;
--color-feverish-passion-100: #ffcfde;
--color-feverish-passion-200: #ffb3c7;
--color-feverish-passion-300: #ff8da8;
--color-feverish-passion-400: #f36891;
--color-feverish-passion-500: #e13f77;
--color-feverish-passion-600: #be3765;
--color-feverish-passion-700: #992c50;
--color-feverish-passion-800: #721e3d;
--color-feverish-passion-900: #50142a;
--color-feverish-passion-950: #350517;
}SCSS
$feverish-passion: #de4d7b;
$feverish-passion-rgb: 222, 77, 123;
$feverish-passion-light: mix(#fff, $feverish-passion, 20%);
$feverish-passion-dark: mix(#000, $feverish-passion, 20%);
.element {
color: $feverish-passion;
box-shadow: 0 0 0 2px rgba($feverish-passion, 0.35);
}