Nazwany kolor · #8BC3E1
Club Cruise
Club Cruise to #8BC3E1: rgb(139 195 225), hsl(201 59% 71%), oklch(0.789 0.072 232.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Club Cruise color name →
#8BC3E1
oklch(0.789 0.072 232.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97C9E4
- A3CFE7
- AED5EA
- BADBED
- C6E1F0
- D1E7F3
- DDEDF6
- E8F3F9
- F4F9FC
Odcienie ciemniejsze
- 78A9C4
- 6690A7
- 54788B
- 436070
- 324A56
- 23343E
- 142027
- 070E12
- 010202
Tony
- 8BBCD7
- 8AB5CD
- 89AFC3
- 88A8B9
- 87A1B0
- 869AA6
- 85949C
- 838D93
- 828789
Harmonie kolorów
Komplementarna +180°
- 8BC3E1
Club Cruise
- E0AE90
≈ Bedtime Story
Analogowa -30° +30°
- 8BC3E1
Club Cruise
- 81C8CE
≈ Pearl Bay
- A1BBE9
≈ Teclis Blue
Triada +120° +240°
- 8BC3E1
Club Cruise
- E0A8BF
≈ Pink Beauty
- BBC08A
≈ Jitterbug
Komplementarna rozszczepiona +150° +210°
- 8BC3E1
Club Cruise
- E5A9A5
≈ Coral Fountain
- D1B685
≈ Clumsy Caramel
Tetrada +90° +180° +270°
- 8BC3E1
Club Cruise
- D1ABD6
≈ Cherish the Moment
- E0AE90
≈ Bedtime Story
- A0C79C
≈ Gingko
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 10.99:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}