Nazwany kolor · #6597CC
Quiet Bay
Quiet Bay to #6597CC: rgb(101 151 204), hsl(211 50% 60%), oklch(0.663 0.096 250.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Quiet Bay color name →
#6597CC
oklch(0.663 0.096 250.8)
Konwersje koloru
- HEX
- #6597cc
- RGB
- rgb(101 151 204)
- HSL
- hsl(211 50% 60%)
- HWB
- hwb(211 40% 20%)
- OKLCH
- oklch(0.663 0.096 250.8)
- OKLab
- oklab(0.663 -0.032 -0.091)
- CIE Lab
- lab(60.55 -5.99 -32.98)
- LCH
- lch(60.55 33.52 259.7)
- CMYK
- cmyk(50% 26% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74A1D1
- 84ACD7
- 93B6DC
- A2C0E1
- B1CBE7
- C1D5EC
- D0E0F1
- E0EAF5
- EFF4FA
Odcienie ciemniejsze
- 5783B1
- 496F97
- 3C5C7E
- 2F4965
- 22374E
- 172637
- 0C1722
- 03080F
- 000102
Tony
- 6895C4
- 6C93BD
- 6F91B5
- 728EAE
- 748CA6
- 778A9F
- 798797
- 7C858F
- 7E8388
Harmonie kolorów
Komplementarna +180°
- 6597CC
Quiet Bay
- B8894E
≈ Funchal Yellow
Analogowa -30° +30°
- 6597CC
Quiet Bay
- 43A0BC
≈ Brig
- 888CCD
≈ Bailey Bells
Triada +120° +240°
- 6597CC
Quiet Bay
- C67A85
≈ Old Pink
- 7E9F60
≈ Verdant Serenade
Komplementarna rozszczepiona +150° +210°
- 6597CC
Quiet Bay
- C57F65
≈ Terracotta Chip
- A0954B
≈ Lentil Sprout
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.06:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.85:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--quiet-bay: #6597cc;
--quiet-bay-rgb: 101 151 204;
--quiet-bay-oklch: oklch(0.663 0.096 250.8);
}
.element {
color: var(--quiet-bay);
background-color: hsl(211 50% 60%);
border-color: oklch(0.663 0.096 250.8);
}Tailwind CSS v4
@theme {
--color-quiet-bay: #6597cc;
--color-quiet-bay-50: #e2f8ff;
--color-quiet-bay-100: #d2ebff;
--color-quiet-bay-200: #b8d7fd;
--color-quiet-bay-300: #95bbe8;
--color-quiet-bay-400: #73a3d6;
--color-quiet-bay-500: #538ac4;
--color-quiet-bay-600: #4775a5;
--color-quiet-bay-700: #385d84;
--color-quiet-bay-800: #264562;
--color-quiet-bay-900: #193045;
--color-quiet-bay-950: #0a1c2d;
}SCSS
$quiet-bay: #6597cc;
$quiet-bay-rgb: 101, 151, 204;
$quiet-bay-light: mix(#fff, $quiet-bay, 20%);
$quiet-bay-dark: mix(#000, $quiet-bay, 20%);
.element {
color: $quiet-bay;
box-shadow: 0 0 0 2px rgba($quiet-bay, 0.35);
}