Adlandırılmış renk · #66B2E4
Sanctuary Spa
Sanctuary Spa, #66B2E4: rgb(102 178 228), hsl(204 70% 65%), oklch(0.734 0.105 239.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Sanctuary Spa color name →
#66B2E4
oklch(0.734 0.105 239.2)
Renk dönüşümleri
- HEX
- #66b2e4
- RGB
- rgb(102 178 228)
- HSL
- hsl(204 70% 65%)
- HWB
- hwb(204 40% 11%)
- OKLCH
- oklch(0.734 0.105 239.2)
- OKLab
- oklab(0.734 -0.054 -0.09)
- CIE Lab
- lab(69.17 -13.72 -32.92)
- LCH
- lch(69.17 35.67 247.4)
- CMYK
- cmyk(55% 22% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77BAE7
- 87C2EA
- 96C9ED
- A6D1F0
- B5D9F3
- C4E1F5
- D2E8F8
- E1F0FA
- F0F7FD
Koyu tonlar
- 589AC6
- 4A83A9
- 3C6D8D
- 2F5772
- 234358
- 172F3F
- 0C1D28
- 040C12
- 000103
Gri tonlar
- 6AADDA
- 6EA8D0
- 71A3C6
- 749EBC
- 7799B2
- 7994A8
- 7B8F9E
- 7D8A94
- 7F858A
Renk uyumları
Tamamlayıcı +180°
- 66B2E4
Sanctuary Spa
- DA9963
≈ Apple Cider
Analog -30° +30°
- 66B2E4
Sanctuary Spa
- 47BBCD
≈ Water Sports
- 8EA6EC
≈ Kitten’s Eye
Üçlü +120° +240°
- 66B2E4
Sanctuary Spa
- DF8DA7
≈ Pomelo Red
- A1B364
≈ Light Birch Green
Bölünmüş tamamlayıcı +150° +210°
- 66B2E4
Sanctuary Spa
- E38F82
≈ Nude Flamingo
- C3A656
≈ Yellow Maize
Dörtlü +90° +180° +270°
- 66B2E4
Sanctuary Spa
- CE91C9
≈ Carnation Rose
- DA9963
≈ Apple Cider
- 78BC85
≈ Flashman
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.05:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--sanctuary-spa: #66b2e4;
--sanctuary-spa-rgb: 102 178 228;
--sanctuary-spa-oklch: oklch(0.734 0.105 239.2);
}
.element {
color: var(--sanctuary-spa);
background-color: hsl(204 70% 65%);
border-color: oklch(0.734 0.105 239.2);
}Tailwind CSS v4
@theme {
--color-sanctuary-spa: #66b2e4;
--color-sanctuary-spa-50: #dcfaff;
--color-sanctuary-spa-100: #caedff;
--color-sanctuary-spa-200: #addbfe;
--color-sanctuary-spa-300: #86bfe9;
--color-sanctuary-spa-400: #60a7d6;
--color-sanctuary-spa-500: #368fc4;
--color-sanctuary-spa-600: #3079a5;
--color-sanctuary-spa-700: #266185;
--color-sanctuary-spa-800: #174762;
--color-sanctuary-spa-900: #0f3145;
--color-sanctuary-spa-950: #021d2d;
}SCSS
$sanctuary-spa: #66b2e4;
$sanctuary-spa-rgb: 102, 178, 228;
$sanctuary-spa-light: mix(#fff, $sanctuary-spa, 20%);
$sanctuary-spa-dark: mix(#000, $sanctuary-spa, 20%);
.element {
color: $sanctuary-spa;
box-shadow: 0 0 0 2px rgba($sanctuary-spa, 0.35);
}