이름 색상 · #8BC3E1
Club Cruise
Club Cruise은(는) #8BC3E1: rgb(139 195 225), hsl(201 59% 71%), oklch(0.789 0.072 232.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Club Cruise color name →
#8BC3E1
oklch(0.789 0.072 232.3)
색상 변환
- HEX
- #8bc3e1
- RGB
- rgb(139 195 225)
- HSL
- hsl(201 59% 71%)
- HWB
- hwb(201 55% 12%)
- OKLCH
- oklch(0.789 0.072 232.3)
- OKLab
- oklab(0.789 -0.044 -0.057)
- CIE Lab
- lab(75.72 -13.2 -21.14)
- LCH
- lch(75.72 24.92 238)
- CMYK
- cmyk(38% 13% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 97C9E4
- A3CFE7
- AED5EA
- BADBED
- C6E1F0
- D1E7F3
- DDEDF6
- E8F3F9
- F4F9FC
셰이드
- 78A9C4
- 6690A7
- 54788B
- 436070
- 324A56
- 23343E
- 142027
- 070E12
- 010202
톤
- 8BBCD7
- 8AB5CD
- 89AFC3
- 88A8B9
- 87A1B0
- 869AA6
- 85949C
- 838D93
- 828789
색 조화
보색 +180°
- 8BC3E1
Club Cruise
- E0AE90
≈ Bedtime Story
유사색 -30° +30°
- 8BC3E1
Club Cruise
- 81C8CE
≈ Pearl Bay
- A1BBE9
≈ Teclis Blue
삼각 배색 +120° +240°
- 8BC3E1
Club Cruise
- E0A8BF
≈ Pink Beauty
- BBC08A
≈ Jitterbug
분열 보색 +150° +210°
- 8BC3E1
Club Cruise
- E5A9A5
≈ Coral Fountain
- D1B685
≈ Clumsy Caramel
사각 배색 +90° +180° +270°
- 8BC3E1
Club Cruise
- D1ABD6
≈ Cherish the Moment
- E0AE90
≈ Bedtime Story
- A0C79C
≈ Gingko
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.99:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--club-cruise: #8bc3e1;
--club-cruise-rgb: 139 195 225;
--club-cruise-oklch: oklch(0.789 0.072 232.3);
}
.element {
color: var(--club-cruise);
background-color: hsl(201 59% 71%);
border-color: oklch(0.789 0.072 232.3);
}Tailwind CSS v4
@theme {
--color-club-cruise: #8bc3e1;
--color-club-cruise-50: #e2f9ff;
--color-club-cruise-100: #d2edfd;
--color-club-cruise-200: #b7daef;
--color-club-cruise-300: #94bed7;
--color-club-cruise-400: #72a6c2;
--color-club-cruise-500: #518fae;
--color-club-cruise-600: #467993;
--color-club-cruise-700: #376176;
--color-club-cruise-800: #264757;
--color-club-cruise-900: #1a313d;
--color-club-cruise-950: #0a1d26;
}SCSS
$club-cruise: #8bc3e1;
$club-cruise-rgb: 139, 195, 225;
$club-cruise-light: mix(#fff, $club-cruise, 20%);
$club-cruise-dark: mix(#000, $club-cruise, 20%);
.element {
color: $club-cruise;
box-shadow: 0 0 0 2px rgba($club-cruise, 0.35);
}