Warna bernama · #EB7D5D
Orange Daylily
Orange Daylily adalah #EB7D5D: rgb(235 125 93), hsl(14 78% 64%), oklch(0.707 0.143 37.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Orange Daylily color name →
#EB7D5D
oklch(0.707 0.143 37.1)
Konversi warna
- HEX
- #eb7d5d
- RGB
- rgb(235 125 93)
- HSL
- hsl(14 78% 64%)
- HWB
- hwb(14 36% 8%)
- OKLCH
- oklch(0.707 0.143 37.1)
- OKLab
- oklab(0.707 0.114 0.086)
- CIE Lab
- lab(64.84 41.34 37.32)
- LCH
- lch(64.84 55.7 42.1)
- CMYK
- cmyk(0% 47% 60% 8%)
Tint · Shade · Tone
Tint
- EF8B6E
- F2987E
- F5A58E
- F7B29E
- FABFAE
- FBCCBE
- FDD9CE
- FEE6DE
- FFF2EF
Shade
- CC6C50
- AE5B43
- 914B37
- 753B2A
- 5B2C1F
- 411E14
- 29110A
- 130503
- 030100
Tone
- E17E62
- D67F66
- CC806A
- C2816E
- B78171
- AD8174
- A28177
- 97817A
- 8C817D
Harmoni warna
Komplementer +180°
- EB7D5D
Orange Daylily
- 00B3D4
≈ Aquarius
Analog -30° +30°
- EB7D5D
Orange Daylily
- EA7791
≈ So Charming
- DB8C27
≈ Turmeric Tea
Triadik +120° +240°
- EB7D5D
Orange Daylily
- 3FBB7C
≈ Greenish Teal
- 8B96F8
≈ Periwinkle Blue
Split-komplementer +150° +210°
- EB7D5D
Orange Daylily
- 00B9AD
≈ Turquoise Topaz
- 4BA7F4
≈ Cerulean
Tetradik +90° +180° +270°
- EB7D5D
Orange Daylily
- 88B045
≈ Young Bud
- 00B3D4
≈ Aquarius
- B887E6
≈ Luminous Lavender
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.75:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.62:1 · APCA Lc 49
Warna teks terbaik: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Cuplikan kode
CSS
:root {
--orange-daylily: #eb7d5d;
--orange-daylily-rgb: 235 125 93;
--orange-daylily-oklch: oklch(0.707 0.143 37.1);
}
.element {
color: var(--orange-daylily);
background-color: hsl(14 78% 64%);
border-color: oklch(0.707 0.143 37.1);
}Tailwind CSS v4
@theme {
--color-orange-daylily: #eb7d5d;
--color-orange-daylily-50: #ffe8d7;
--color-orange-daylily-100: #ffd8c5;
--color-orange-daylily-200: #ffc0a7;
--color-orange-daylily-300: #f69d80;
--color-orange-daylily-400: #e57d5f;
--color-orange-daylily-500: #d35d3a;
--color-orange-daylily-600: #b24f32;
--color-orange-daylily-700: #8f3f28;
--color-orange-daylily-800: #6b2d1d;
--color-orange-daylily-900: #4b1e13;
--color-orange-daylily-950: #310d05;
}SCSS
$orange-daylily: #eb7d5d;
$orange-daylily-rgb: 235, 125, 93;
$orange-daylily-light: mix(#fff, $orange-daylily, 20%);
$orange-daylily-dark: mix(#000, $orange-daylily, 20%);
.element {
color: $orange-daylily;
box-shadow: 0 0 0 2px rgba($orange-daylily, 0.35);
}