En yakın adlandırılmış renk · #66A8D5
#66A8D5
En yakın adlandırılmış renk: Acapulco Dive
#66A8D5 (rgb(102 168 213), hsl(204 57% 62%), oklch(0.705 0.095 239.8)) en çok Acapulco Dive adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#66A8D5
oklch(0.705 0.095 239.8)
Renk dönüşümleri
- HEX
- #66a8d5
- RGB
- rgb(102 168 213)
- HSL
- hsl(204 57% 62%)
- HWB
- hwb(204 40% 16%)
- OKLCH
- oklch(0.705 0.095 239.8)
- OKLab
- oklab(0.705 -0.048 -0.082)
- CIE Lab
- lab(65.8 -12.29 -29.9)
- LCH
- lch(65.8 32.32 247.7)
- CMYK
- cmyk(52% 21% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 76B1DA
- 86B9DE
- 95C2E2
- A4CBE7
- B3D4EB
- C3DCEF
- D2E5F3
- E1EEF7
- F0F6FB
Koyu tonlar
- 5892B9
- 4A7C9E
- 3C6783
- 2F526A
- 233F51
- 172C3A
- 0C1A24
- 040A10
- 000102
Gri tonlar
- 6AA4CC
- 6DA0C4
- 719CBB
- 7398B3
- 7694AA
- 7890A2
- 7B8C99
- 7D8891
- 7E8488
Renk uyumları
Tamamlayıcı +180°
- 66A8D5
Acapulco Dive
- CC9262
≈ Napa Sunset
Analog -30° +30°
- 66A8D5
Acapulco Dive
- 4DB0C0
≈ Thalassa
- 899DDC
≈ Portage
Üçlü +120° +240°
- 66A8D5
Acapulco Dive
- D1879E
≈ Dull Pink
- 98A964
≈ Gallant Green
Bölünmüş tamamlayıcı +150° +210°
- 66A8D5
Acapulco Dive
- D4897D
≈ Pink Papaya
- B79D58
≈ Escapade Gold
Dörtlü +90° +180° +270°
- 66A8D5
Acapulco Dive
- C28BBC
≈ Dragonflies
- CC9262
≈ Napa Sunset
- 74B180
≈ Frosted Emerald
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.58:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.12:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--acapulco-dive: #66a8d5;
--acapulco-dive-rgb: 102 168 213;
--acapulco-dive-oklch: oklch(0.705 0.095 239.8);
}
.element {
color: var(--acapulco-dive);
background-color: hsl(204 57% 62%);
border-color: oklch(0.705 0.095 239.8);
}Tailwind CSS v4
@theme {
--color-acapulco-dive: #66a8d5;
--color-acapulco-dive-50: #def9ff;
--color-acapulco-dive-100: #cdedff;
--color-acapulco-dive-200: #b1dafa;
--color-acapulco-dive-300: #8cbee4;
--color-acapulco-dive-400: #68a6d1;
--color-acapulco-dive-500: #438ebe;
--color-acapulco-dive-600: #3a78a1;
--color-acapulco-dive-700: #2e6081;
--color-acapulco-dive-800: #1e475f;
--color-acapulco-dive-900: #143143;
--color-acapulco-dive-950: #051d2b;
}SCSS
$acapulco-dive: #66a8d5;
$acapulco-dive-rgb: 102, 168, 213;
$acapulco-dive-light: mix(#fff, $acapulco-dive, 20%);
$acapulco-dive-dark: mix(#000, $acapulco-dive, 20%);
.element {
color: $acapulco-dive;
box-shadow: 0 0 0 2px rgba($acapulco-dive, 0.35);
}