Adlandırılmış renk · #6CC4DA
Squeaky
Squeaky, #6CC4DA: rgb(108 196 218), hsl(192 60% 64%), oklch(0.773 0.09 215.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Squeaky color name →
#6CC4DA
oklch(0.773 0.09 215.9)
Renk dönüşümleri
- HEX
- #6cc4da
- RGB
- rgb(108 196 218)
- HSL
- hsl(192 60% 64%)
- HWB
- hwb(192 42% 15%)
- OKLCH
- oklch(0.773 0.09 215.9)
- OKLab
- oklab(0.773 -0.073 -0.053)
- CIE Lab
- lab(74.29 -23.16 -19.7)
- LCH
- lch(74.29 30.4 220.4)
- CMYK
- cmyk(50% 10% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7DCADE
- 8DD0E2
- 9CD6E5
- ABDCE9
- B9E2ED
- C7E8F1
- D5EEF4
- E3F3F8
- F1F9FB
Koyu tonlar
- 5DAABD
- 4E91A2
- 407887
- 32616C
- 254A54
- 19353C
- 0D2125
- 040E11
- 000202
Gri tonlar
- 70BDD1
- 73B6C8
- 76AFBE
- 79A9B5
- 7BA2AC
- 7D9BA3
- 7E949A
- 7F8E92
- 808789
Renk uyumları
Tamamlayıcı +180°
- 6CC4DA
Squeaky
- E8A18D
≈ Coral Blush
Analog -30° +30°
- 6CC4DA
Squeaky
- 6CC8BE
≈ Nile Stone
- 85BBEC
≈ Electric Eel
Üçlü +120° +240°
- 6CC4DA
Squeaky
- DAA0CB
≈ Rose Garden
- C6B571
≈ Olive Marinade
Bölünmüş tamamlayıcı +150° +210°
- 6CC4DA
Squeaky
- E79DAC
≈ Brandywine Spritz
- DDAA77
≈ Sweet Cashew
Dörtlü +90° +180° +270°
- 6CC4DA
Squeaky
- C3A7E3
≈ Perfume
- E8A18D
≈ Coral Blush
- A7C080
≈ Margarita
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.54:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--squeaky: #6cc4da;
--squeaky-rgb: 108 196 218;
--squeaky-oklch: oklch(0.773 0.09 215.9);
}
.element {
color: var(--squeaky);
background-color: hsl(192 60% 64%);
border-color: oklch(0.773 0.09 215.9);
}Tailwind CSS v4
@theme {
--color-squeaky: #6cc4da;
--color-squeaky-50: #dafcff;
--color-squeaky-100: #c7f0fc;
--color-squeaky-200: #a9deee;
--color-squeaky-300: #81c3d6;
--color-squeaky-400: #59acc0;
--color-squeaky-500: #2995ac;
--color-squeaky-600: #257e91;
--color-squeaky-700: #1e6575;
--color-squeaky-800: #124a55;
--color-squeaky-900: #0c343c;
--color-squeaky-950: #001f25;
}SCSS
$squeaky: #6cc4da;
$squeaky-rgb: 108, 196, 218;
$squeaky-light: mix(#fff, $squeaky, 20%);
$squeaky-dark: mix(#000, $squeaky, 20%);
.element {
color: $squeaky;
box-shadow: 0 0 0 2px rgba($squeaky, 0.35);
}