Warna bernama terdekat · #E15B79
#E15B79
Warna bernama terdekat: Fever Dream
#E15B79 (rgb(225 91 121), hsl(347 69% 62%), oklch(0.65 0.168 9.3)) paling mendekati warna bernama Fever Dream. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E15B79
oklch(0.65 0.168 9.3)
Konversi warna
- HEX
- #e15b79
- RGB
- rgb(225 91 121)
- HSL
- hsl(347 69% 62%)
- HWB
- hwb(347 36% 12%)
- OKLCH
- oklch(0.65 0.168 9.3)
- OKLab
- oklab(0.65 0.166 0.027)
- CIE Lab
- lab(57.47 54.94 11.6)
- LCH
- lch(57.47 56.16 11.9)
- CMYK
- cmyk(0% 60% 46% 12%)
Tint · Shade · Tone
Tint
- E66D86
- EB7E92
- EF8F9F
- F39FAD
- F7AFBA
- F9BFC7
- FCCFD5
- FDDFE3
- FEEFF1
Shade
- C44E68
- A74158
- 8B3548
- 702939
- 561E2B
- 3E131D
- 270910
- 120305
- 020001
Tone
- D8617A
- CF667B
- C66A7B
- BD6E7C
- B4727D
- AA757D
- A0787E
- 967B7F
- 8B7E7F
Harmoni warna
Komplementer +180°
- E15B79
Fever Dream
- 00A59E
≈ Jadestone
Analog -30° +30°
- E15B79
Fever Dream
- CF60B0
≈ Pú Táo Zǐ Purple
- E16336
≈ Precious Pumpkin
Triadik +120° +240°
- E15B79
Fever Dream
- 6EA211
≈ Herbal Lift
- 2193F0
≈ Karimun Blue
Split-komplementer +150° +210°
- E15B79
Fever Dream
- 00AA6E
≈ Banaue Jade
- 009FC0
≈ Delos Blue
Tetradik +90° +180° +270°
- E15B79
Fever Dream
- A49000
≈ Romaine Green
- 00A59E
≈ Jadestone
- 7C80F3
≈ Orchid
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.51:1 · APCA Lc 62
Ag
AADi atas hitam
WCAG 5.97:1 · APCA Lc 40
Warna teks terbaik: #000000
WCAG 5.97:1 (AA) · APCA Lc 40
Contrast pairs
Cuplikan kode
CSS
:root {
--fever-dream: #e15b79;
--fever-dream-rgb: 225 91 121;
--fever-dream-oklch: oklch(0.65 0.168 9.3);
}
.element {
color: var(--fever-dream);
background-color: hsl(347 69% 62%);
border-color: oklch(0.65 0.168 9.3);
}Tailwind CSS v4
@theme {
--color-fever-dream: #e15b79;
--color-fever-dream-50: #ffe2e9;
--color-fever-dream-100: #ffd1da;
--color-fever-dream-200: #ffb6c2;
--color-fever-dream-300: #ff91a2;
--color-fever-dream-400: #ef6e89;
--color-fever-dream-500: #dd496e;
--color-fever-dream-600: #bb3f5d;
--color-fever-dream-700: #96324a;
--color-fever-dream-800: #702338;
--color-fever-dream-900: #4f1726;
--color-fever-dream-950: #340715;
}SCSS
$fever-dream: #e15b79;
$fever-dream-rgb: 225, 91, 121;
$fever-dream-light: mix(#fff, $fever-dream, 20%);
$fever-dream-dark: mix(#000, $fever-dream, 20%);
.element {
color: $fever-dream;
box-shadow: 0 0 0 2px rgba($fever-dream, 0.35);
}