이름 색상 · #C5B5C3
Pink Bravado
Pink Bravado은(는) #C5B5C3: rgb(197 181 195), hsl(308 12% 74%), oklch(0.791 0.026 329.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pink Bravado color name →
#C5B5C3
oklch(0.791 0.026 329.8)
색상 변환
- HEX
- #c5b5c3
- RGB
- rgb(197 181 195)
- HSL
- hsl(308 12% 74%)
- HWB
- hwb(308 71% 23%)
- OKLCH
- oklch(0.791 0.026 329.8)
- OKLab
- oklab(0.791 0.023 -0.013)
- CIE Lab
- lab(75.36 7.76 -4.95)
- LCH
- lch(75.36 9.2 327.5)
- CMYK
- cmyk(0% 8% 1% 23%)
틴트 · 셰이드 · 톤
틴트
- CBBCC9
- D0C3CF
- D6CBD5
- DCD2DB
- E2D9E1
- E8E1E7
- EDE8ED
- F3F0F3
- F9F7F9
셰이드
- AB9DA9
- 928690
- 796F78
- 615960
- 4B444A
- 353034
- 211D20
- 0E0C0E
- 020202
톤
- BEB0BC
- B7AAB5
- B0A5AE
- A99FA8
- A29AA1
- 9B959A
- 949094
- 8D8A8D
- 878586
색 조화
보색 +180°
- C5B5C3
Pink Bravado
- AFC0B2
≈ Cottage Charm
유사색 -30° +30°
- C5B5C3
Pink Bravado
- BDB7CA
≈ Wedding Flowers
- CAB4BA
≈ Candlelight Dinner
삼각 배색 +120° +240°
- C5B5C3
Pink Bravado
- C1BAA8
≈ Wilderness Grey
- A8C0C4
≈ Bleu Clair
분열 보색 +150° +210°
- C5B5C3
Pink Bravado
- B8BEAB
≈ Celandine Green
- A9C1BB
≈ Harbour Grey
사각 배색 +90° +180° +270°
- C5B5C3
Pink Bravado
- C8B7AA
≈ Boardwalk Sashay
- AFC0B2
≈ Cottage Charm
- ACBECA
≈ Cerulean Tint
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.77:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--pink-bravado: #c5b5c3;
--pink-bravado-rgb: 197 181 195;
--pink-bravado-oklch: oklch(0.791 0.026 329.8);
}
.element {
color: var(--pink-bravado);
background-color: hsl(308 12% 74%);
border-color: oklch(0.791 0.026 329.8);
}Tailwind CSS v4
@theme {
--color-pink-bravado: #c5b5c3;
--color-pink-bravado-50: #faf2f8;
--color-pink-bravado-100: #ede5ec;
--color-pink-bravado-200: #dbd0d9;
--color-pink-bravado-300: #c0b3bd;
--color-pink-bravado-400: #a899a6;
--color-pink-bravado-500: #91808f;
--color-pink-bravado-600: #7a6d79;
--color-pink-bravado-700: #625761;
--color-pink-bravado-800: #483f47;
--color-pink-bravado-900: #322c31;
--color-pink-bravado-950: #1e191d;
}SCSS
$pink-bravado: #c5b5c3;
$pink-bravado-rgb: 197, 181, 195;
$pink-bravado-light: mix(#fff, $pink-bravado, 20%);
$pink-bravado-dark: mix(#000, $pink-bravado, 20%);
.element {
color: $pink-bravado;
box-shadow: 0 0 0 2px rgba($pink-bravado, 0.35);
}