Nazwany kolor · #DD8877
Love Sceptre
Love Sceptre to #DD8877: rgb(221 136 119), hsl(10 60% 67%), oklch(0.712 0.108 32.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Love Sceptre color name →
#DD8877
oklch(0.712 0.108 32.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E19484
- E6A092
- EAAC9F
- EDB8AC
- F1C3BA
- F4CFC7
- F7DBD5
- FAE7E3
- FDF3F1
Odcienie ciemniejsze
- C07567
- A46357
- 885247
- 6E4138
- 55312A
- 3D221C
- 261310
- 110605
- 020101
Tony
- D48878
- CB8779
- C2877A
- B9867B
- B0857C
- A6847D
- 9D837E
- 93827F
- 8A817F
Harmonie kolorów
Komplementarna +180°
- DD8877
Love Sceptre
- 3BB4C9
≈ Utopia Beckons
Analogowa -30° +30°
- DD8877
Love Sceptre
- DA859D
≈ Primrose
- D29258
≈ Polo Pony
Triada +120° +240°
- DD8877
Love Sceptre
- 6BB680
≈ Frog Pond
- 8A9EE6
≈ Portage
Komplementarna rozszczepiona +150° +210°
- DD8877
Love Sceptre
- 41B8A7
≈ Message Green
- 60AAE0
≈ Acapulco Dive
Tetrada +90° +180° +270°
- DD8877
Love Sceptre
- 97AD5E
≈ Herbal Garden
- 3BB4C9
≈ Utopia Beckons
- AF92DA
≈ Middy’s Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.67:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.86:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}