Nazwany kolor · #6FB0BE
Water Music
Water Music to #6FB0BE: rgb(111 176 190), hsl(191 38% 59%), oklch(0.719 0.069 212.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Water Music color name →
#6FB0BE
oklch(0.719 0.069 212.8)
Konwersje koloru
- HEX
- #6fb0be
- RGB
- rgb(111 176 190)
- HSL
- hsl(191 38% 59%)
- HWB
- hwb(191 44% 25%)
- OKLCH
- oklch(0.719 0.069 212.8)
- OKLab
- oklab(0.719 -0.058 -0.038)
- CIE Lab
- lab(67.86 -18.87 -14.09)
- LCH
- lch(67.86 23.55 216.8)
- CMYK
- cmyk(42% 7% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7EB8C4
- 8DC0CB
- 9BC8D1
- AACFD8
- B8D7DE
- C6DFE5
- D4E7EB
- E3EFF2
- F1F7F8
Odcienie ciemniejsze
- 6099A5
- 51828C
- 426C75
- 34565E
- 274248
- 1A2E33
- 0E1C1F
- 040B0D
- 010102
Tony
- 72ABB8
- 74A6B1
- 77A2AB
- 799DA5
- 7A989F
- 7C9398
- 7D8E92
- 7E8A8C
- 7F8586
Harmonie kolorów
Komplementarna +180°
- 6FB0BE
Water Music
- CC9589
≈ Peach Beige
Analogowa -30° +30°
- 6FB0BE
Water Music
- 71B3A8
≈ Lenticular Ore
- 7EAACD
≈ Calm Day
Triada +120° +240°
- 6FB0BE
Water Music
- BF94B7
≈ Mauve Magic
- B3A472
≈ Green Fig
Komplementarna rozszczepiona +150° +210°
- 6FB0BE
Water Music
- CA92A0
≈ Rosetti
- C49B77
≈ Chimaera Brown
Tetrada +90° +180° +270°
- 6FB0BE
Water Music
- AD9AC9
≈ Purple Rose
- CC9589
≈ Peach Beige
- 9CAC7B
≈ Siamese Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.62:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--water-music: #6fb0be;
--water-music-rgb: 111 176 190;
--water-music-oklch: oklch(0.719 0.069 212.8);
}
.element {
color: var(--water-music);
background-color: hsl(191 38% 59%);
border-color: oklch(0.719 0.069 212.8);
}Tailwind CSS v4
@theme {
--color-water-music: #6fb0be;
--color-water-music-50: #e0fbff;
--color-water-music-100: #cfeef6;
--color-water-music-200: #b4dce7;
--color-water-music-300: #8fc1ce;
--color-water-music-400: #6daab7;
--color-water-music-500: #4992a1;
--color-water-music-600: #3f7c88;
--color-water-music-700: #32636d;
--color-water-music-800: #234950;
--color-water-music-900: #173338;
--color-water-music-950: #081e22;
}SCSS
$water-music: #6fb0be;
$water-music-rgb: 111, 176, 190;
$water-music-light: mix(#fff, $water-music, 20%);
$water-music-dark: mix(#000, $water-music, 20%);
.element {
color: $water-music;
box-shadow: 0 0 0 2px rgba($water-music, 0.35);
}