Adlandırılmış renk · #6BB3DB
Milky Waves
Milky Waves, #6BB3DB: rgb(107 179 219), hsl(201 61% 64%), oklch(0.735 0.093 234.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Milky Waves color name →
#6BB3DB
oklch(0.735 0.093 234.3)
Renk dönüşümleri
- HEX
- #6bb3db
- RGB
- rgb(107 179 219)
- HSL
- hsl(201 61% 64%)
- HWB
- hwb(201 42% 14%)
- OKLCH
- oklch(0.735 0.093 234.3)
- OKLab
- oklab(0.735 -0.054 -0.075)
- CIE Lab
- lab(69.39 -15.12 -27.67)
- LCH
- lch(69.39 31.53 241.3)
- CMYK
- cmyk(51% 18% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7BBBDF
- 8AC2E3
- 99CAE6
- A8D2EA
- B7D9EE
- C5E1F1
- D4E8F5
- E2F0F8
- F1F7FC
Koyu tonlar
- 5C9BBE
- 4E84A2
- 3F6E87
- 32586D
- 254354
- 182F3C
- 0D1D26
- 040C11
- 000102
Gri tonlar
- 6FAED2
- 72A9C8
- 74A4BF
- 779FB6
- 799AAD
- 7B95A4
- 7C8F9B
- 7E8A92
- 7F8589
Renk uyumları
Tamamlayıcı +180°
- 6BB3DB
Milky Waves
- D79970
≈ Laredo
Analog -30° +30°
- 6BB3DB
Milky Waves
- 58BAC4
≈ Sussie
- 8CA9E4
≈ Queer Blue
Üçlü +120° +240°
- 6BB3DB
Milky Waves
- D891AD
≈ Foxy Pink
- A8B06B
≈ April Green
Bölünmüş tamamlayıcı +150° +210°
- 6BB3DB
Milky Waves
- DE928C
≈ Coral Atoll
- C5A563
≈ Spring Roll
Dörtlü +90° +180° +270°
- 6BB3DB
Milky Waves
- C795CA
≈ Pastel Violet
- D79970
≈ Laredo
- 85B984
≈ Aniseed Leaf Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.30:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.09:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--milky-waves: #6bb3db;
--milky-waves-rgb: 107 179 219;
--milky-waves-oklch: oklch(0.735 0.093 234.3);
}
.element {
color: var(--milky-waves);
background-color: hsl(201 61% 64%);
border-color: oklch(0.735 0.093 234.3);
}Tailwind CSS v4
@theme {
--color-milky-waves: #6bb3db;
--color-milky-waves-50: #ddfaff;
--color-milky-waves-100: #ccedff;
--color-milky-waves-200: #afdbf7;
--color-milky-waves-300: #89bfe1;
--color-milky-waves-400: #64a8cd;
--color-milky-waves-500: #3d90ba;
--color-milky-waves-600: #357a9d;
--color-milky-waves-700: #2a617e;
--color-milky-waves-800: #1b485d;
--color-milky-waves-900: #123241;
--color-milky-waves-950: #041e2a;
}SCSS
$milky-waves: #6bb3db;
$milky-waves-rgb: 107, 179, 219;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}