Adlandırılmış renk · #60B3BC
Aqueduct
Aqueduct, #60B3BC: rgb(96 179 188), hsl(186 41% 56%), oklch(0.718 0.082 204.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Aqueduct color name →
#60B3BC
oklch(0.718 0.082 204.7)
Renk dönüşümleri
- HEX
- #60b3bc
- RGB
- rgb(96 179 188)
- HSL
- hsl(186 41% 56%)
- HWB
- hwb(186 38% 26%)
- OKLCH
- oklch(0.718 0.082 204.7)
- OKLab
- oklab(0.718 -0.074 -0.034)
- CIE Lab
- lab(68 -24.55 -12.88)
- LCH
- lch(68 27.72 207.7)
- CMYK
- cmyk(49% 5% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 72BBC3
- 83C2C9
- 93CAD0
- A3D1D7
- B2D9DD
- C2E1E4
- D1E8EB
- E0F0F1
- F0F7F8
Koyu tonlar
- 529BA3
- 45848B
- 386E73
- 2C585D
- 204347
- 152F32
- 0A1D1F
- 030C0D
- 000102
Gri tonlar
- 65AEB6
- 6AA9B0
- 6EA4AA
- 729FA4
- 759A9E
- 789498
- 7A8F92
- 7C8A8C
- 7E8586
Renk uyumları
Tamamlayıcı +180°
- 60B3BC
Aqueduct
- D2908A
≈ Tongue
Analog -30° +30°
- 60B3BC
Aqueduct
- 69B5A1
≈ Tropic Turquoise
- 6FADD0
≈ Imrik Blue
Üçlü +120° +240°
- 60B3BC
Aqueduct
- BE93C1
≈ La la Love
- BCA067
≈ Desert Moss
Bölünmüş tamamlayıcı +150° +210°
- 60B3BC
Aqueduct
- CD8FA7
≈ Kiss
- CC9672
≈ Sonora Shade
Dörtlü +90° +180° +270°
- 60B3BC
Aqueduct
- A79AD2
≈ Biloba Flower
- D2908A
≈ Tongue
- A2AA6E
≈ Spanish Olive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.42:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.67:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--aqueduct: #60b3bc;
--aqueduct-rgb: 96 179 188;
--aqueduct-oklch: oklch(0.718 0.082 204.7);
}
.element {
color: var(--aqueduct);
background-color: hsl(186 41% 56%);
border-color: oklch(0.718 0.082 204.7);
}Tailwind CSS v4
@theme {
--color-aqueduct: #60b3bc;
--color-aqueduct-50: #dbfcff;
--color-aqueduct-100: #c9f0f6;
--color-aqueduct-200: #acdfe6;
--color-aqueduct-300: #85c4cc;
--color-aqueduct-400: #5fadb5;
--color-aqueduct-500: #3396a0;
--color-aqueduct-600: #2e7f87;
--color-aqueduct-700: #24656c;
--color-aqueduct-800: #184b4f;
--color-aqueduct-900: #103437;
--color-aqueduct-950: #021f22;
}SCSS
$aqueduct: #60b3bc;
$aqueduct-rgb: 96, 179, 188;
$aqueduct-light: mix(#fff, $aqueduct, 20%);
$aqueduct-dark: mix(#000, $aqueduct, 20%);
.element {
color: $aqueduct;
box-shadow: 0 0 0 2px rgba($aqueduct, 0.35);
}