Nazwany kolor · #88BFE7
Watery Sea
Watery Sea to #88BFE7: rgb(136 191 231), hsl(205 66% 72%), oklch(0.781 0.081 240.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Watery Sea color name →
#88BFE7
oklch(0.781 0.081 240.7)
Konwersje koloru
- HEX
- #88bfe7
- RGB
- rgb(136 191 231)
- HSL
- hsl(205 66% 72%)
- HWB
- hwb(205 53% 9%)
- OKLCH
- oklch(0.781 0.081 240.7)
- OKLab
- oklab(0.781 -0.04 -0.071)
- CIE Lab
- lab(74.62 -10.87 -26.04)
- LCH
- lch(74.62 28.22 247.3)
- CMYK
- cmyk(41% 17% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94C5EA
- A0CCEC
- ACD2EF
- B8D9F1
- C4DFF4
- D0E6F6
- DCECF8
- E7F2FB
- F3F9FD
Odcienie ciemniejsze
- 75A6C9
- 638DAB
- 52758F
- 415E73
- 314859
- 223340
- 131F28
- 060D13
- 010203
Tony
- 88B9DC
- 87B2D2
- 87ACC7
- 86A6BD
- 869FB3
- 8599A8
- 84939E
- 838C94
- 81868A
Harmonie kolorów
Komplementarna +180°
- 88BFE7
Watery Sea
- DEAC83
≈ Porcini
Analogowa -30° +30°
- 88BFE7
Watery Sea
- 76C6D5
≈ Lagoona Teal
- A4B6EC
≈ Perano
Triada +120° +240°
- 88BFE7
Watery Sea
- E4A2B5
≈ Garden Party
- B0C085
≈ Dried Caspia
Komplementarna rozszczepiona +150° +210°
- 88BFE7
Watery Sea
- E7A599
≈ Spring Linen
- CBB67B
≈ Olive Marinade
Tetrada +90° +180° +270°
- 88BFE7
Watery Sea
- D6A5D0
≈ Berry Popsicle
- DEAC83
≈ Porcini
- 92C79D
≈ Frost Gum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.65:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--watery-sea: #88bfe7;
--watery-sea-rgb: 136 191 231;
--watery-sea-oklch: oklch(0.781 0.081 240.7);
}
.element {
color: var(--watery-sea);
background-color: hsl(205 66% 72%);
border-color: oklch(0.781 0.081 240.7);
}Tailwind CSS v4
@theme {
--color-watery-sea: #88bfe7;
--color-watery-sea-50: #e2f9ff;
--color-watery-sea-100: #d1ecff;
--color-watery-sea-200: #b7d9f5;
--color-watery-sea-300: #94bdde;
--color-watery-sea-400: #72a5ca;
--color-watery-sea-500: #518db7;
--color-watery-sea-600: #45779a;
--color-watery-sea-700: #37607c;
--color-watery-sea-800: #26465b;
--color-watery-sea-900: #193140;
--color-watery-sea-950: #0a1d29;
}SCSS
$watery-sea: #88bfe7;
$watery-sea-rgb: 136, 191, 231;
$watery-sea-light: mix(#fff, $watery-sea, 20%);
$watery-sea-dark: mix(#000, $watery-sea, 20%);
.element {
color: $watery-sea;
box-shadow: 0 0 0 2px rgba($watery-sea, 0.35);
}