이름 색상 · #C1BECD
Gentleman’s Suit
Gentleman’s Suit은(는) #C1BECD: rgb(193 190 205), hsl(252 13% 77%), oklch(0.809 0.021 295.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Gentleman’s Suit color name →
#C1BECD
oklch(0.809 0.021 295.1)
색상 변환
- HEX
- #c1becd
- RGB
- rgb(193 190 205)
- HSL
- hsl(252 13% 77%)
- HWB
- hwb(252 75% 20%)
- OKLCH
- oklch(0.809 0.021 295.1)
- OKLab
- oklab(0.809 0.009 -0.019)
- CIE Lab
- lab(77.57 3.2 -7.17)
- LCH
- lch(77.57 7.85 294.1)
- CMYK
- cmyk(6% 7% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- C7C4D2
- CDCBD7
- D3D1DC
- D9D8E1
- E0DEE6
- E6E5EB
- ECEBF0
- F2F2F5
- F9F8FA
셰이드
- A7A5B2
- 8F8C98
- 77757E
- 5F5E66
- 49484E
- 343338
- 201F23
- 0E0D0F
- 020202
톤
- BAB8C5
- B4B1BD
- ADABB5
- A6A5AD
- A09EA6
- 99989E
- 939296
- 8D8C8F
- 868687
색 조화
보색 +180°
- C1BECD
Gentleman’s Suit
- C0C2B3
≈ Light Patina
유사색 -30° +30°
- C1BECD
Gentleman’s Suit
- BAC1CF
≈ Mount Nirvana
- C8BCC8
≈ Stately Frills
삼각 배색 +120° +240°
- C1BECD
Gentleman’s Suit
- CCBDB4
≈ Avorio
- B3C5C0
≈ Blustery Wind
분열 보색 +150° +210°
- C1BECD
Gentleman’s Suit
- C7C0B1
≈ Malibu Beige
- B8C4B8
≈ Median Green
사각 배색 +90° +180° +270°
- C1BECD
Gentleman’s Suit
- CEBCBA
≈ Wafting Grey
- C0C2B3
≈ Light Patina
- B2C5C7
≈ Blue Agave
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.51:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.51:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--gentleman-s-suit: #c1becd;
--gentleman-s-suit-rgb: 193 190 205;
--gentleman-s-suit-oklch: oklch(0.809 0.021 295.1);
}
.element {
color: var(--gentleman-s-suit);
background-color: hsl(252 13% 77%);
border-color: oklch(0.809 0.021 295.1);
}Tailwind CSS v4
@theme {
--color-gentleman-s-suit: #c1becd;
--color-gentleman-s-suit-50: #f5f4fb;
--color-gentleman-s-suit-100: #e8e6ee;
--color-gentleman-s-suit-200: #d5d2dc;
--color-gentleman-s-suit-300: #b8b5c1;
--color-gentleman-s-suit-400: #9f9caa;
--color-gentleman-s-suit-500: #878493;
--color-gentleman-s-suit-600: #726f7c;
--color-gentleman-s-suit-700: #5b5964;
--color-gentleman-s-suit-800: #424149;
--color-gentleman-s-suit-900: #2e2d33;
--color-gentleman-s-suit-950: #1b1a1e;
}SCSS
$gentleman-s-suit: #c1becd;
$gentleman-s-suit-rgb: 193, 190, 205;
$gentleman-s-suit-light: mix(#fff, $gentleman-s-suit, 20%);
$gentleman-s-suit-dark: mix(#000, $gentleman-s-suit, 20%);
.element {
color: $gentleman-s-suit;
box-shadow: 0 0 0 2px rgba($gentleman-s-suit, 0.35);
}