이름 색상 · #CAB2C1
Runic Mauve
Runic Mauve은(는) #CAB2C1: rgb(202 178 193), hsl(323 18% 75%), oklch(0.789 0.034 340). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Runic Mauve color name →
#CAB2C1
oklch(0.789 0.034 340)
색상 변환
- HEX
- #cab2c1
- RGB
- rgb(202 178 193)
- HSL
- hsl(323 18% 75%)
- HWB
- hwb(323 70% 21%)
- OKLCH
- oklch(0.789 0.034 340)
- OKLab
- oklab(0.789 0.032 -0.012)
- CIE Lab
- lab(75.01 10.84 -4.32)
- LCH
- lch(75.01 11.67 338.3)
- CMYK
- cmyk(0% 12% 4% 21%)
틴트 · 셰이드 · 톤
틴트
- CFB9C7
- D5C1CD
- DAC9D3
- DFD0D9
- E4D8E0
- EAE0E6
- EFE7EC
- F4EFF2
- FAF7F9
셰이드
- AF9AA7
- 95838F
- 7C6D77
- 64575F
- 4D4349
- 372F34
- 221D20
- 0F0C0E
- 020102
톤
- C2ADBA
- BBA8B4
- B3A3AD
- AC9EA6
- A499A0
- 9D9499
- 968F93
- 8E8A8D
- 878586
색 조화
보색 +180°
- CAB2C1
Runic Mauve
- A8C1B3
≈ Kind Green
유사색 -30° +30°
- CAB2C1
Runic Mauve
- C1B4CB
≈ Orchid Petal
- CFB2B5
≈ Izmir Pink
삼각 배색 +120° +240°
- CAB2C1
Runic Mauve
- BFBBA2
≈ Castle Wall
- A3C0C9
≈ Frozen Tundra
분열 보색 +150° +210°
- CAB2C1
Runic Mauve
- B3BFA8
≈ Creamy Spinach
- A2C2BF
≈ Aspiring Blue
사각 배색 +90° +180° +270°
- CAB2C1
Runic Mauve
- C9B7A3
≈ Shaggy Dog
- A8C1B3
≈ Kind Green
- AABCD0
≈ Wood Pigeon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.64:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--runic-mauve: #cab2c1;
--runic-mauve-rgb: 202 178 193;
--runic-mauve-oklch: oklch(0.789 0.034 340);
}
.element {
color: var(--runic-mauve);
background-color: hsl(323 18% 75%);
border-color: oklch(0.789 0.034 340);
}Tailwind CSS v4
@theme {
--color-runic-mauve: #cab2c1;
--color-runic-mauve-50: #fdf1f8;
--color-runic-mauve-100: #f1e4eb;
--color-runic-mauve-200: #dfcfd8;
--color-runic-mauve-300: #c5b1bc;
--color-runic-mauve-400: #ad97a5;
--color-runic-mauve-500: #967e8d;
--color-runic-mauve-600: #7f6a78;
--color-runic-mauve-700: #665560;
--color-runic-mauve-800: #4b3e46;
--color-runic-mauve-900: #342b31;
--color-runic-mauve-950: #1f181d;
}SCSS
$runic-mauve: #cab2c1;
$runic-mauve-rgb: 202, 178, 193;
$runic-mauve-light: mix(#fff, $runic-mauve, 20%);
$runic-mauve-dark: mix(#000, $runic-mauve, 20%);
.element {
color: $runic-mauve;
box-shadow: 0 0 0 2px rgba($runic-mauve, 0.35);
}