En yakın adlandırılmış renk · #66B2CB
#66B2CB
En yakın adlandırılmış renk: Blue Martini
#66B2CB (rgb(102 178 203), hsl(195 49% 60%), oklch(0.724 0.084 221.4)) en çok Blue Martini 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.
#66B2CB
oklch(0.724 0.084 221.4)
Renk dönüşümleri
- HEX
- #66b2cb
- RGB
- rgb(102 178 203)
- HSL
- hsl(195 49% 60%)
- HWB
- hwb(195 40% 20%)
- OKLCH
- oklch(0.724 0.084 221.4)
- OKLab
- oklab(0.724 -0.063 -0.055)
- CIE Lab
- lab(68.38 -19.42 -20.48)
- LCH
- lch(68.38 28.22 226.5)
- CMYK
- cmyk(50% 12% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77BAD0
- 87C1D6
- 96C9DB
- A6D1E0
- B5D8E5
- C4E0EA
- D2E8F0
- E1F0F5
- F0F7FA
Koyu tonlar
- 589AB0
- 4A8396
- 3C6D7D
- 2F5765
- 23434D
- 172F37
- 0C1D22
- 040C0F
- 000102
Gri tonlar
- 6AADC3
- 6EA8BC
- 71A3B4
- 749EAD
- 7799A5
- 79949E
- 7B8F96
- 7D8A8F
- 7F8587
Renk uyumları
Tamamlayıcı +180°
- 66B2CB
Blue Martini
- D3947D
≈ Tropical Blooms
Analog -30° +30°
- 66B2CB
Blue Martini
- 61B7B3
≈ Veranda Blue
- 7FAAD9
≈ High Seas
Üçlü +120° +240°
- 66B2CB
Blue Martini
- CA91B5
≈ Bossy-Pants Pink
- B1A869
≈ Natchez Moss
Bölünmüş tamamlayıcı +150° +210°
- 66B2CB
Blue Martini
- D49098
≈ Rosetti
- C79D6A
≈ Amber Autumn
Dörtlü +90° +180° +270°
- 66B2CB
Blue Martini
- B797CD
≈ Amethyst Show
- D3947D
≈ Tropical Blooms
- 93B17A
≈ Watercolour Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.79:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--blue-martini: #66b2cb;
--blue-martini-rgb: 102 178 203;
--blue-martini-oklch: oklch(0.724 0.084 221.4);
}
.element {
color: var(--blue-martini);
background-color: hsl(195 49% 60%);
border-color: oklch(0.724 0.084 221.4);
}Tailwind CSS v4
@theme {
--color-blue-martini: #66b2cb;
--color-blue-martini-50: #ddfbff;
--color-blue-martini-100: #cbeffd;
--color-blue-martini-200: #aeddef;
--color-blue-martini-300: #88c1d7;
--color-blue-martini-400: #63aac1;
--color-blue-martini-500: #3a93ad;
--color-blue-martini-600: #337c92;
--color-blue-martini-700: #296375;
--color-blue-martini-800: #1b4956;
--color-blue-martini-900: #12333c;
--color-blue-martini-950: #041e26;
}SCSS
$blue-martini: #66b2cb;
$blue-martini-rgb: 102, 178, 203;
$blue-martini-light: mix(#fff, $blue-martini, 20%);
$blue-martini-dark: mix(#000, $blue-martini, 20%);
.element {
color: $blue-martini;
box-shadow: 0 0 0 2px rgba($blue-martini, 0.35);
}