Adlandırılmış renk · #1B8CB6
Hidden Springs
Hidden Springs, #1B8CB6: rgb(27 140 182), hsl(196 74% 41%), oklch(0.6 0.112 229.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Hidden Springs color name →
#1B8CB6
oklch(0.6 0.112 229.6)
Renk dönüşümleri
- HEX
- #1b8cb6
- RGB
- rgb(27 140 182)
- HSL
- hsl(196 74% 41%)
- HWB
- hwb(196 11% 29%)
- OKLCH
- oklch(0.6 0.112 229.6)
- OKLab
- oklab(0.6 -0.073 -0.086)
- CIE Lab
- lab(53.9 -19.45 -31.13)
- LCH
- lch(53.9 36.7 238)
- CMYK
- cmyk(85% 23% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3E97BE
- 58A3C5
- 6FAECD
- 84BAD4
- 99C5DB
- ADD1E3
- C2DCEA
- D6E8F1
- EBF3F8
Koyu tonlar
- 16799E
- 116786
- 0C556F
- 084359
- 053344
- 022330
- 01141D
- 00070C
- 000102
Gri tonlar
- 308BB1
- 3E8AAB
- 4A89A6
- 5488A1
- 5D879C
- 658696
- 6C8491
- 73838B
- 7A8286
Renk uyumları
Tamamlayıcı +180°
- 1B8CB6
Hidden Springs
- B56A3F
≈ Mincemeat
Analog -30° +30°
- 1B8CB6
Hidden Springs
- 009298
≈ Splashy
- 5780C3
≈ Sea Note
Üçlü +120° +240°
- 1B8CB6
Hidden Springs
- B2638A
≈ Wild Mulberry
- 85862A
≈ Buffy Citrine
Bölünmüş tamamlayıcı +150° +210°
- 1B8CB6
Hidden Springs
- BA6365
≈ Strawberry Rhubarb
- A47821
≈ Nataneyu Gold
Dörtlü +90° +180° +270°
- 1B8CB6
Hidden Springs
- 9E69AA
≈ Dark Lilac
- B56A3F
≈ Mincemeat
- 5B904E
≈ Virgo Green Goddess
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.83:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.47:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--hidden-springs: #1b8cb6;
--hidden-springs-rgb: 27 140 182;
--hidden-springs-oklch: oklch(0.6 0.112 229.6);
}
.element {
color: var(--hidden-springs);
background-color: hsl(196 74% 41%);
border-color: oklch(0.6 0.112 229.6);
}Tailwind CSS v4
@theme {
--color-hidden-springs: #1b8cb6;
--color-hidden-springs-50: #d6fcff;
--color-hidden-springs-100: #c3efff;
--color-hidden-springs-200: #a3defc;
--color-hidden-springs-300: #79c2e7;
--color-hidden-springs-400: #4cabd4;
--color-hidden-springs-500: #0093c2;
--color-hidden-springs-600: #0a7ca3;
--color-hidden-springs-700: #0b6383;
--color-hidden-springs-800: #024961;
--color-hidden-springs-900: #033344;
--color-hidden-springs-950: #001e2c;
}SCSS
$hidden-springs: #1b8cb6;
$hidden-springs-rgb: 27, 140, 182;
$hidden-springs-light: mix(#fff, $hidden-springs, 20%);
$hidden-springs-dark: mix(#000, $hidden-springs, 20%);
.element {
color: $hidden-springs;
box-shadow: 0 0 0 2px rgba($hidden-springs, 0.35);
}