Colore con nome · #DD897C
Graceful Ballerina
Graceful Ballerina è #DD897C: rgb(221 137 124), hsl(8 59% 68%), oklch(0.714 0.106 29.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Graceful Ballerina color name →
#DD897C
oklch(0.714 0.106 29.4)
Conversioni di colore
- HEX
- #dd897c
- RGB
- rgb(221 137 124)
- HSL
- hsl(8 59% 68%)
- HWB
- hwb(8 49% 13%)
- OKLCH
- oklch(0.714 0.106 29.4)
- OKLab
- oklab(0.714 0.092 0.052)
- CIE Lab
- lab(65.94 31.9 21.26)
- LCH
- lch(65.94 38.33 33.7)
- CMYK
- cmyk(0% 38% 44% 13%)
Tinte · Ombre · Toni
Tinte
- E19589
- E6A195
- EAACA2
- EDB8AF
- F1C4BC
- F4D0C9
- F7DBD7
- FAE7E4
- FDF3F1
Ombre
- C0766B
- A4645A
- 88534A
- 6E423B
- 55312C
- 3D221E
- 261411
- 110705
- 020101
Toni
- D4897D
- CB887D
- C2877E
- B9877E
- AF867F
- A6857F
- 9D847F
- 938380
- 8A8180
Armonie di colore
Complementare +180°
- DD897C
Graceful Ballerina
- 3FB5C7
≈ Utopia Beckons
Analogo -30° +30°
- DD897C
Graceful Ballerina
- D986A1
≈ Primrose
- D4925D
≈ Whiskey Sour
Triadico +120° +240°
- DD897C
Graceful Ballerina
- 71B57F
≈ Frog Pond
- 88A0E5
≈ Blue Cue
Complementare divisa +150° +210°
- DD897C
Graceful Ballerina
- 49B8A5
≈ Mountain Lake Azure
- 60ACDE
≈ Acapulco Dive
Tetradico +90° +180° +270°
- DD897C
Graceful Ballerina
- 9BAC5E
≈ Herbal Garden
- 3FB5C7
≈ Utopia Beckons
- AC94DC
≈ Dreamy Candy Forest
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.94:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--graceful-ballerina: #dd897c;
--graceful-ballerina-rgb: 221 137 124;
--graceful-ballerina-oklch: oklch(0.714 0.106 29.4);
}
.element {
color: var(--graceful-ballerina);
background-color: hsl(8 59% 68%);
border-color: oklch(0.714 0.106 29.4);
}Tailwind CSS v4
@theme {
--color-graceful-ballerina: #dd897c;
--color-graceful-ballerina-50: #ffebe3;
--color-graceful-ballerina-100: #ffdcd3;
--color-graceful-ballerina-200: #fec4b9;
--color-graceful-ballerina-300: #e8a496;
--color-graceful-ballerina-400: #d6867a;
--color-graceful-ballerina-500: #c2695c;
--color-graceful-ballerina-600: #a4594e;
--color-graceful-ballerina-700: #84473e;
--color-graceful-ballerina-800: #62332e;
--color-graceful-ballerina-900: #45231f;
--color-graceful-ballerina-950: #2c120f;
}SCSS
$graceful-ballerina: #dd897c;
$graceful-ballerina-rgb: 221, 137, 124;
$graceful-ballerina-light: mix(#fff, $graceful-ballerina, 20%);
$graceful-ballerina-dark: mix(#000, $graceful-ballerina, 20%);
.element {
color: $graceful-ballerina;
box-shadow: 0 0 0 2px rgba($graceful-ballerina, 0.35);
}