이름 색상 · #BA7AB3
Colombo Red Mauve
Colombo Red Mauve은(는) #BA7AB3: rgb(186 122 179), hsl(307 32% 60%), oklch(0.665 0.11 330.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Colombo Red Mauve color name →
#BA7AB3
oklch(0.665 0.11 330.6)
색상 변환
- HEX
- #ba7ab3
- RGB
- rgb(186 122 179)
- HSL
- hsl(307 32% 60%)
- HWB
- hwb(307 48% 27%)
- OKLCH
- oklch(0.665 0.11 330.6)
- OKLab
- oklab(0.665 0.096 -0.054)
- CIE Lab
- lab(59.53 32.29 -19.7)
- LCH
- lch(59.53 37.83 328.6)
- CMYK
- cmyk(0% 34% 4% 27%)
틴트 · 셰이드 · 톤
틴트
- C187BB
- C994C2
- D0A1CA
- D7AED1
- DEBCD9
- E5C9E1
- EBD6E8
- F2E4F0
- F9F1F7
셰이드
- A1699B
- 895984
- 72496E
- 5C3A58
- 462B43
- 321D2F
- 1E101D
- 0D050C
- 020101
톤
- B47BAE
- AF7CA9
- A97DA4
- A37D9F
- 9E7E9A
- 987F94
- 927F8F
- 8C7F8A
- 868085
색 조화
보색 +180°
- BA7AB3
Colombo Red Mauve
- 5DA770
≈ Aqua Forest
유사색 -30° +30°
- BA7AB3
Colombo Red Mauve
- 9F83CD
≈ Lilac Purple
- CA7690
≈ Watermelon Pink
삼각 배색 +120° +240°
- BA7AB3
Colombo Red Mauve
- AD913A
≈ Turmeric
- 1EA5B9
≈ Jamaican Sea
분열 보색 +150° +210°
- BA7AB3
Colombo Red Mauve
- 8A9E4C
≈ Nasturtium Shoot
- 2BA997
≈ Tropical Hideaway
사각 배색 +90° +180° +270°
- BA7AB3
Colombo Red Mauve
- C48349
≈ Butterscotch Glaze
- 5DA770
≈ Aqua Forest
- 4E9CD0
≈ Blue Iguana
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.52:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--colombo-red-mauve: #ba7ab3;
--colombo-red-mauve-rgb: 186 122 179;
--colombo-red-mauve-oklch: oklch(0.665 0.11 330.6);
}
.element {
color: var(--colombo-red-mauve);
background-color: hsl(307 32% 60%);
border-color: oklch(0.665 0.11 330.6);
}Tailwind CSS v4
@theme {
--color-colombo-red-mauve: #ba7ab3;
--color-colombo-red-mauve-50: #ffeaff;
--color-colombo-red-mauve-100: #ffdbf8;
--color-colombo-red-mauve-200: #f1c3e9;
--color-colombo-red-mauve-300: #daa3d0;
--color-colombo-red-mauve-400: #c486bd;
--color-colombo-red-mauve-500: #af6aa8;
--color-colombo-red-mauve-600: #945a8e;
--color-colombo-red-mauve-700: #774872;
--color-colombo-red-mauve-800: #573455;
--color-colombo-red-mauve-900: #3d233b;
--color-colombo-red-mauve-950: #261225;
}SCSS
$colombo-red-mauve: #ba7ab3;
$colombo-red-mauve-rgb: 186, 122, 179;
$colombo-red-mauve-light: mix(#fff, $colombo-red-mauve, 20%);
$colombo-red-mauve-dark: mix(#000, $colombo-red-mauve, 20%);
.element {
color: $colombo-red-mauve;
box-shadow: 0 0 0 2px rgba($colombo-red-mauve, 0.35);
}