이름 색상 · #DD897C
Graceful Ballerina
Graceful Ballerina은(는) #DD897C: rgb(221 137 124), hsl(8 59% 68%), oklch(0.714 0.106 29.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Graceful Ballerina color name →
#DD897C
oklch(0.714 0.106 29.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E19589
- E6A195
- EAACA2
- EDB8AF
- F1C4BC
- F4D0C9
- F7DBD7
- FAE7E4
- FDF3F1
셰이드
- C0766B
- A4645A
- 88534A
- 6E423B
- 55312C
- 3D221E
- 261411
- 110705
- 020101
톤
- D4897D
- CB887D
- C2877E
- B9877E
- AF867F
- A6857F
- 9D847F
- 938380
- 8A8180
색 조화
보색 +180°
- DD897C
Graceful Ballerina
- 3FB5C7
≈ Utopia Beckons
유사색 -30° +30°
- DD897C
Graceful Ballerina
- D986A1
≈ Primrose
- D4925D
≈ Whiskey Sour
삼각 배색 +120° +240°
- DD897C
Graceful Ballerina
- 71B57F
≈ Frog Pond
- 88A0E5
≈ Blue Cue
분열 보색 +150° +210°
- DD897C
Graceful Ballerina
- 49B8A5
≈ Mountain Lake Azure
- 60ACDE
≈ Acapulco Dive
사각 배색 +90° +180° +270°
- DD897C
Graceful Ballerina
- 9BAC5E
≈ Herbal Garden
- 3FB5C7
≈ Utopia Beckons
- AC94DC
≈ Dreamy Candy Forest
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.64:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.94:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
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);
}