이름 색상 · #96AABA
Cool Customer
Cool Customer은(는) #96AABA: rgb(150 170 186), hsl(207 21% 66%), oklch(0.728 0.032 242.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cool Customer color name →
#96AABA
oklch(0.728 0.032 242.2)
색상 변환
- HEX
- #96aaba
- RGB
- rgb(150 170 186)
- HSL
- hsl(207 21% 66%)
- HWB
- hwb(207 59% 27%)
- OKLCH
- oklch(0.728 0.032 242.2)
- OKLab
- oklab(0.728 -0.015 -0.029)
- CIE Lab
- lab(68.45 -4.61 -10.72)
- LCH
- lch(68.45 11.66 246.7)
- CMYK
- cmyk(19% 9% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- A0B2C1
- AABBC8
- B5C3CE
- BFCBD5
- C9D4DC
- D4DCE3
- DFE5EA
- E9EEF1
- F4F6F8
셰이드
- 8293A1
- 6E7D89
- 5B6872
- 49535C
- 373F46
- 262D32
- 161B1E
- 080B0D
- 010102
톤
- 94A6B4
- 92A1AE
- 909DA8
- 8D99A2
- 8B959D
- 899197
- 878C91
- 84888B
- 828486
색 조화
보색 +180°
- 96AABA
Cool Customer
- B6A393
≈ Rugged Tan
유사색 -30° +30°
- 96AABA
Cool Customer
- 91ADB3
≈ Beach Cottage
- A0A6BC
≈ Icelandic Blue
삼각 배색 +120° +240°
- 96AABA
Cool Customer
- BA9FA5
≈ Pinterested
- A3AB94
≈ Garden
분열 보색 +150° +210°
- 96AABA
Cool Customer
- BAA09A
≈ Adobe Rose
- AEA791
≈ Historic Shade
사각 배색 +90° +180° +270°
- 96AABA
Cool Customer
- B4A0B0
≈ Mauve Muslin
- B6A393
≈ Rugged Tan
- 99AD9D
≈ Scotland Road
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.39:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.75:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--cool-customer: #96aaba;
--cool-customer-rgb: 150 170 186;
--cool-customer-oklch: oklch(0.728 0.032 242.2);
}
.element {
color: var(--cool-customer);
background-color: hsl(207 21% 66%);
border-color: oklch(0.728 0.032 242.2);
}Tailwind CSS v4
@theme {
--color-cool-customer: #96aaba;
--color-cool-customer-50: #eef6fe;
--color-cool-customer-100: #dfe9f2;
--color-cool-customer-200: #c9d6e1;
--color-cool-customer-300: #aabac7;
--color-cool-customer-400: #8ea1b0;
--color-cool-customer-500: #74899a;
--color-cool-customer-600: #627482;
--color-cool-customer-700: #4e5d68;
--color-cool-customer-800: #39444d;
--color-cool-customer-900: #272f35;
--color-cool-customer-950: #151c20;
}SCSS
$cool-customer: #96aaba;
$cool-customer-rgb: 150, 170, 186;
$cool-customer-light: mix(#fff, $cool-customer, 20%);
$cool-customer-dark: mix(#000, $cool-customer, 20%);
.element {
color: $cool-customer;
box-shadow: 0 0 0 2px rgba($cool-customer, 0.35);
}