Warna bernama · #DD8877
Love Sceptre
Love Sceptre adalah #DD8877: rgb(221 136 119), hsl(10 60% 67%), oklch(0.712 0.108 32.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Love Sceptre color name →
#DD8877
oklch(0.712 0.108 32.1)
Konversi warna
- HEX
- #dd8877
- RGB
- rgb(221 136 119)
- HSL
- hsl(10 60% 67%)
- HWB
- hwb(10 47% 13%)
- OKLCH
- oklch(0.712 0.108 32.1)
- OKLab
- oklab(0.712 0.092 0.057)
- CIE Lab
- lab(65.64 32.03 23.63)
- LCH
- lch(65.64 39.81 36.4)
- CMYK
- cmyk(0% 38% 46% 13%)
Tint · Shade · Tone
Tint
- E19484
- E6A092
- EAAC9F
- EDB8AC
- F1C3BA
- F4CFC7
- F7DBD5
- FAE7E3
- FDF3F1
Shade
- C07567
- A46357
- 885247
- 6E4138
- 55312A
- 3D221C
- 261310
- 110605
- 020101
Tone
- D48878
- CB8779
- C2877A
- B9867B
- B0857C
- A6847D
- 9D837E
- 93827F
- 8A817F
Harmoni warna
Komplementer +180°
- DD8877
Love Sceptre
- 3BB4C9
≈ Utopia Beckons
Analog -30° +30°
- DD8877
Love Sceptre
- DA859D
≈ Primrose
- D29258
≈ Polo Pony
Triadik +120° +240°
- DD8877
Love Sceptre
- 6BB680
≈ Frog Pond
- 8A9EE6
≈ Portage
Split-komplementer +150° +210°
- DD8877
Love Sceptre
- 41B8A7
≈ Message Green
- 60AAE0
≈ Acapulco Dive
Tetradik +90° +180° +270°
- DD8877
Love Sceptre
- 97AD5E
≈ Herbal Garden
- 3BB4C9
≈ Utopia Beckons
- AF92DA
≈ Middy’s Purple
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.67:1 · APCA Lc 52
Ag
AAADi atas hitam
WCAG 7.86:1 · APCA Lc 50
Warna teks terbaik: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Cuplikan kode
CSS
:root {
--love-sceptre: #dd8877;
--love-sceptre-rgb: 221 136 119;
--love-sceptre-oklch: oklch(0.712 0.108 32.1);
}
.element {
color: var(--love-sceptre);
background-color: hsl(10 60% 67%);
border-color: oklch(0.712 0.108 32.1);
}Tailwind CSS v4
@theme {
--color-love-sceptre: #dd8877;
--color-love-sceptre-50: #ffebe1;
--color-love-sceptre-100: #ffdcd0;
--color-love-sceptre-200: #ffc4b6;
--color-love-sceptre-300: #e9a493;
--color-love-sceptre-400: #d68676;
--color-love-sceptre-500: #c36957;
--color-love-sceptre-600: #a5594a;
--color-love-sceptre-700: #84473b;
--color-love-sceptre-800: #62332b;
--color-love-sceptre-900: #45231d;
--color-love-sceptre-950: #2d110d;
}SCSS
$love-sceptre: #dd8877;
$love-sceptre-rgb: 221, 136, 119;
$love-sceptre-light: mix(#fff, $love-sceptre, 20%);
$love-sceptre-dark: mix(#000, $love-sceptre, 20%);
.element {
color: $love-sceptre;
box-shadow: 0 0 0 2px rgba($love-sceptre, 0.35);
}