이름 색상 · #C27A74
Antique Pink
Antique Pink은(는) #C27A74: rgb(194 122 116), hsl(5 39% 61%), oklch(0.654 0.091 25). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Antique Pink color name →
#C27A74
oklch(0.654 0.091 25)
색상 변환
- HEX
- #c27a74
- RGB
- rgb(194 122 116)
- HSL
- hsl(5 39% 61%)
- HWB
- hwb(5 45% 24%)
- OKLCH
- oklch(0.654 0.091 25)
- OKLab
- oklab(0.654 0.083 0.039)
- CIE Lab
- lab(58.99 28.34 15.71)
- LCH
- lch(58.99 32.4 29)
- CMYK
- cmyk(0% 37% 40% 24%)
틴트 · 셰이드 · 톤
틴트
- C98781
- D0948F
- D6A19C
- DDAEAA
- E3BCB8
- E9C9C6
- EFD6D4
- F4E4E2
- FAF1F0
셰이드
- A86964
- 8F5954
- 774945
- 603A37
- 492B29
- 341D1B
- 20100F
- 0E0505
- 020101
톤
- BC7B75
- B67C77
- AF7D78
- A97D79
- A27E7A
- 9C7F7C
- 957F7D
- 8E7F7E
- 87807F
색 조화
보색 +180°
- C27A74
Antique Pink
- 3EA0AB
≈ Marlin Green
유사색 -30° +30°
- C27A74
Antique Pink
- BD7993
≈ Benifuji
- BC8159
≈ Southern Barrens Mud
삼각 배색 +120° +240°
- C27A74
Antique Pink
- 6C9F6D
≈ Blackthorn Green
- 758FC9
≈ Hydrangea
분열 보색 +150° +210°
- C27A74
Antique Pink
- 4BA38D
≈ Corrosion Green
- 5499C0
≈ Mountain Bluebird
사각 배색 +90° +180° +270°
- C27A74
Antique Pink
- 8E9754
≈ Topiary
- 3EA0AB
≈ Marlin Green
- 9485C2
≈ Amethyst Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.31:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.32:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--antique-pink: #c27a74;
--antique-pink-rgb: 194 122 116;
--antique-pink-oklch: oklch(0.654 0.091 25);
}
.element {
color: var(--antique-pink);
background-color: hsl(5 39% 61%);
border-color: oklch(0.654 0.091 25);
}Tailwind CSS v4
@theme {
--color-antique-pink: #c27a74;
--color-antique-pink-50: #ffece7;
--color-antique-pink-100: #ffddd8;
--color-antique-pink-200: #f9c6bf;
--color-antique-pink-300: #e2a69e;
--color-antique-pink-400: #cf8983;
--color-antique-pink-500: #bb6d67;
--color-antique-pink-600: #9e5d58;
--color-antique-pink-700: #7f4a46;
--color-antique-pink-800: #5e3533;
--color-antique-pink-900: #422423;
--color-antique-pink-950: #2a1312;
}SCSS
$antique-pink: #c27a74;
$antique-pink-rgb: 194, 122, 116;
$antique-pink-light: mix(#fff, $antique-pink, 20%);
$antique-pink-dark: mix(#000, $antique-pink, 20%);
.element {
color: $antique-pink;
box-shadow: 0 0 0 2px rgba($antique-pink, 0.35);
}