Adlandırılmış renk · #76AFB2
Venice Escape
Venice Escape, #76AFB2: rgb(118 175 178), hsl(183 28% 58%), oklch(0.716 0.059 200.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Venice Escape color name →
#76AFB2
oklch(0.716 0.059 200.1)
Renk dönüşümleri
- HEX
- #76afb2
- RGB
- rgb(118 175 178)
- HSL
- hsl(183 28% 58%)
- HWB
- hwb(183 46% 30%)
- OKLCH
- oklch(0.716 0.059 200.1)
- OKLab
- oklab(0.716 -0.056 -0.02)
- CIE Lab
- lab(67.62 -18.73 -7.8)
- LCH
- lch(67.62 20.29 202.6)
- CMYK
- cmyk(34% 2% 0% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 84B7B9
- 92BFC1
- A0C7C9
- ADCFD0
- BBD7D8
- C8DFE0
- D6E7E7
- E4EFEF
- F1F7F7
Koyu tonlar
- 66989A
- 568183
- 476B6D
- 385657
- 294143
- 1C2E2F
- 0F1C1D
- 050B0C
- 010101
Gri tonlar
- 78AAAD
- 79A6A8
- 7BA1A3
- 7C9C9E
- 7D9799
- 7E9394
- 7F8E8F
- 7F898A
- 808585
Renk uyumları
Tamamlayıcı +180°
- 76AFB2
Venice Escape
- C69594
≈ Minstrel Rose
Analog -30° +30°
- 76AFB2
Venice Escape
- 7EB09E
≈ Beau Monde
- 7DABC2
≈ Arabella
Üçlü +120° +240°
- 76AFB2
Venice Escape
- B498BB
≈ Grape Smoke
- B7A079
≈ Paper Sack
Bölünmüş tamamlayıcı +150° +210°
- 76AFB2
Venice Escape
- C195A8
≈ Light Mauve
- C39982
≈ Revenant Brown
Dörtlü +90° +180° +270°
- 76AFB2
Venice Escape
- A29DC7
≈ Purple Vision
- C69594
≈ Minstrel Rose
- A5A77C
≈ Mossy Cavern
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.54:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--venice-escape: #76afb2;
--venice-escape-rgb: 118 175 178;
--venice-escape-oklch: oklch(0.716 0.059 200.1);
}
.element {
color: var(--venice-escape);
background-color: hsl(183 28% 58%);
border-color: oklch(0.716 0.059 200.1);
}Tailwind CSS v4
@theme {
--color-venice-escape: #76afb2;
--color-venice-escape-50: #e3fbfc;
--color-venice-escape-100: #d2eef0;
--color-venice-escape-200: #b8dcdf;
--color-venice-escape-300: #94c1c4;
--color-venice-escape-400: #74a9ac;
--color-venice-escape-500: #539296;
--color-venice-escape-600: #477c7f;
--color-venice-escape-700: #396365;
--color-venice-escape-800: #28494a;
--color-venice-escape-900: #1b3233;
--color-venice-escape-950: #0b1e1f;
}SCSS
$venice-escape: #76afb2;
$venice-escape-rgb: 118, 175, 178;
$venice-escape-light: mix(#fff, $venice-escape, 20%);
$venice-escape-dark: mix(#000, $venice-escape, 20%);
.element {
color: $venice-escape;
box-shadow: 0 0 0 2px rgba($venice-escape, 0.35);
}