Màu có tên · #DD897C
Graceful Ballerina
Graceful Ballerina là #DD897C: rgb(221 137 124), hsl(8 59% 68%), oklch(0.714 0.106 29.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Graceful Ballerina color name →
#DD897C
oklch(0.714 0.106 29.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E19589
- E6A195
- EAACA2
- EDB8AF
- F1C4BC
- F4D0C9
- F7DBD7
- FAE7E4
- FDF3F1
Sắc đậm
- C0766B
- A4645A
- 88534A
- 6E423B
- 55312C
- 3D221E
- 261411
- 110705
- 020101
Sắc xám
- D4897D
- CB887D
- C2877E
- B9877E
- AF867F
- A6857F
- 9D847F
- 938380
- 8A8180
Hòa sắc
Bổ túc +180°
- DD897C
Graceful Ballerina
- 3FB5C7
≈ Utopia Beckons
Tương đồng -30° +30°
- DD897C
Graceful Ballerina
- D986A1
≈ Primrose
- D4925D
≈ Whiskey Sour
Bộ ba +120° +240°
- DD897C
Graceful Ballerina
- 71B57F
≈ Frog Pond
- 88A0E5
≈ Blue Cue
Bổ túc chia +150° +210°
- DD897C
Graceful Ballerina
- 49B8A5
≈ Mountain Lake Azure
- 60ACDE
≈ Acapulco Dive
Bộ bốn +90° +180° +270°
- DD897C
Graceful Ballerina
- 9BAC5E
≈ Herbal Garden
- 3FB5C7
≈ Utopia Beckons
- AC94DC
≈ Dreamy Candy Forest
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.64:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.94:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
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);
}