Adlandırılmış renk · #76AFB6
Water Glitter
Water Glitter, #76AFB6: rgb(118 175 182), hsl(187 30% 59%), oklch(0.717 0.06 205.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? → · Water Glitter color name →
#76AFB6
oklch(0.717 0.06 205.6)
Renk dönüşümleri
- HEX
- #76afb6
- RGB
- rgb(118 175 182)
- HSL
- hsl(187 30% 59%)
- HWB
- hwb(187 46% 29%)
- OKLCH
- oklch(0.717 0.06 205.6)
- OKLab
- oklab(0.717 -0.054 -0.026)
- CIE Lab
- lab(67.72 -17.97 -9.85)
- LCH
- lch(67.72 20.5 208.7)
- CMYK
- cmyk(35% 4% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 84B7BD
- 92BFC4
- A0C7CC
- ADCFD3
- BBD7DA
- C8DFE1
- D6E7E9
- E4EFF0
- F1F7F8
Koyu tonlar
- 66989E
- 568186
- 476B6F
- 385659
- 294144
- 1C2E30
- 0F1C1D
- 050B0C
- 010102
Gri tonlar
- 78AAB0
- 79A6AB
- 7BA1A6
- 7C9CA0
- 7D979B
- 7E9395
- 7F8E90
- 7F898B
- 808585
Renk uyumları
Tamamlayıcı +180°
- 76AFB6
Water Glitter
- C79690
≈ Fall Canyon
Analog -30° +30°
- 76AFB6
Water Glitter
- 7BB1A2
≈ Beau Monde
- 7FAAC5
≈ Arabella
Üçlü +120° +240°
- 76AFB6
Water Glitter
- B897B8
≈ Dripping Wisteria
- B5A279
≈ Paper Sack
Bölünmüş tamamlayıcı +150° +210°
- 76AFB6
Water Glitter
- C395A5
≈ Light Mauve
- C29A80
≈ Egyptian Pyramid
Dörtlü +90° +180° +270°
- 76AFB6
Water Glitter
- A69DC6
≈ Purple Vision
- C79690
≈ Fall Canyon
- A2A97E
≈ Nurturing
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.44:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.57:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--water-glitter: #76afb6;
--water-glitter-rgb: 118 175 182;
--water-glitter-oklch: oklch(0.717 0.06 205.6);
}
.element {
color: var(--water-glitter);
background-color: hsl(187 30% 59%);
border-color: oklch(0.717 0.06 205.6);
}Tailwind CSS v4
@theme {
--color-water-glitter: #76afb6;
--color-water-glitter-50: #e2fafe;
--color-water-glitter-100: #d2eef2;
--color-water-glitter-200: #b8dce2;
--color-water-glitter-300: #94c1c7;
--color-water-glitter-400: #73a9b0;
--color-water-glitter-500: #539299;
--color-water-glitter-600: #477b82;
--color-water-glitter-700: #386368;
--color-water-glitter-800: #28494c;
--color-water-glitter-900: #1b3235;
--color-water-glitter-950: #0b1e20;
}SCSS
$water-glitter: #76afb6;
$water-glitter-rgb: 118, 175, 182;
$water-glitter-light: mix(#fff, $water-glitter, 20%);
$water-glitter-dark: mix(#000, $water-glitter, 20%);
.element {
color: $water-glitter;
box-shadow: 0 0 0 2px rgba($water-glitter, 0.35);
}