Adlandırılmış renk · #1FB4C3
Lago Blue
Lago Blue, #1FB4C3: rgb(31 180 195), hsl(185 73% 44%), oklch(0.705 0.116 205.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Lago Blue color name →
#1FB4C3
oklch(0.705 0.116 205.8)
Renk dönüşümleri
- HEX
- #1fb4c3
- RGB
- rgb(31 180 195)
- HSL
- hsl(185 73% 44%)
- HWB
- hwb(185 12% 24%)
- OKLCH
- oklch(0.705 0.116 205.8)
- OKLab
- oklab(0.705 -0.104 -0.05)
- CIE Lab
- lab(66.77 -33.83 -18.76)
- LCH
- lch(66.77 38.68 209)
- CMYK
- cmyk(84% 8% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 48BCC9
- 63C3CF
- 7ACBD5
- 8FD3DB
- A2DAE1
- B6E2E7
- C8E9ED
- DBF0F3
- EDF8F9
Koyu tonlar
- 199CA9
- 148590
- 0F6E78
- 0A5860
- 06444A
- 033034
- 011D20
- 000C0E
- 000202
Gri tonlar
- 38AFBC
- 47AAB5
- 53A5AF
- 5CA0A8
- 659AA1
- 6B959A
- 729094
- 778B8D
- 7C8587
Renk uyumları
Tamamlayıcı +180°
- 1FB4C3
Lago Blue
- DF827A
≈ Cranapple
Analog -30° +30°
- 1FB4C3
Lago Blue
- 3AB79D
≈ Capture
- 4DABDE
≈ Thalassophile
Üçlü +120° +240°
- 1FB4C3
Lago Blue
- C586C7
≈ Lavender Sweater
- C09A41
≈ Underbrush
Bölünmüş tamamlayıcı +150° +210°
- 1FB4C3
Lago Blue
- D980A2
≈ Sweet Chrysanthemum
- D78C55
≈ Amber Wave
Dörtlü +90° +180° +270°
- 1FB4C3
Lago Blue
- A691E0
≈ Middy’s Purple
- DF827A
≈ Cranapple
- 9DA94F
≈ Ogryn Camo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.37:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--lago-blue: #1fb4c3;
--lago-blue-rgb: 31 180 195;
--lago-blue-oklch: oklch(0.705 0.116 205.8);
}
.element {
color: var(--lago-blue);
background-color: hsl(185 73% 44%);
border-color: oklch(0.705 0.116 205.8);
}Tailwind CSS v4
@theme {
--color-lago-blue: #1fb4c3;
--color-lago-blue-50: #d0ffff;
--color-lago-blue-100: #bbf3fc;
--color-lago-blue-200: #98e3ee;
--color-lago-blue-300: #68c8d6;
--color-lago-blue-400: #2db2c0;
--color-lago-blue-500: #009bab;
--color-lago-blue-600: #008391;
--color-lago-blue-700: #006974;
--color-lago-blue-800: #004d55;
--color-lago-blue-900: #00363b;
--color-lago-blue-950: #002125;
}SCSS
$lago-blue: #1fb4c3;
$lago-blue-rgb: 31, 180, 195;
$lago-blue-light: mix(#fff, $lago-blue, 20%);
$lago-blue-dark: mix(#000, $lago-blue, 20%);
.element {
color: $lago-blue;
box-shadow: 0 0 0 2px rgba($lago-blue, 0.35);
}