Adlandırılmış renk · #A1D0E2
Light Sky Babe
Light Sky Babe, #A1D0E2: rgb(161 208 226), hsl(197 53% 76%), oklch(0.83 0.055 223.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Light Sky Babe color name →
#A1D0E2
oklch(0.83 0.055 223.4)
Renk dönüşümleri
- HEX
- #a1d0e2
- RGB
- rgb(161 208 226)
- HSL
- hsl(197 53% 76%)
- HWB
- hwb(197 63% 11%)
- OKLCH
- oklch(0.83 0.055 223.4)
- OKLab
- oklab(0.83 -0.04 -0.038)
- CIE Lab
- lab(80.6 -12.8 -14.21)
- LCH
- lch(80.6 19.13 228)
- CMYK
- cmyk(29% 8% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABD5E5
- B4D9E8
- BEDEEB
- C7E3EE
- D0E8F1
- DAECF4
- E3F1F6
- ECF6F9
- F6FAFC
Koyu tonlar
- 8BB5C4
- 769AA8
- 62808C
- 4E6771
- 3C4F57
- 2A393E
- 192327
- 091012
- 010203
Gri tonlar
- 9EC8D8
- 9BC0CE
- 98B7C4
- 95AFBA
- 91A7B0
- 8E9FA6
- 8B979C
- 879093
- 848889
Renk uyumları
Tamamlayıcı +180°
- A1D0E2
Light Sky Babe
- E8BDAB
≈ Orangery
Analog -30° +30°
- A1D0E2
Light Sky Babe
- 9ED3D1
≈ Crystal Aqua
- AFCAEB
≈ Tropical Blue
Üçlü +120° +240°
- A1D0E2
Light Sky Babe
- E2BAD1
≈ Eau de Rose
- CDCAA1
≈ Anjou Pear
Bölünmüş tamamlayıcı +150° +210°
- A1D0E2
Light Sky Babe
- E9B9BD
≈ Peppermint Stick
- DEC3A0
≈ Slender Reed
Dörtlü +90° +180° +270°
- A1D0E2
Light Sky Babe
- D4BEE1
≈ Plum Point
- E8BDAB
≈ Orangery
- B9D0AB
≈ Jardin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.66:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.63:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-sky-babe: #a1d0e2;
--light-sky-babe-rgb: 161 208 226;
--light-sky-babe-oklch: oklch(0.83 0.055 223.4);
}
.element {
color: var(--light-sky-babe);
background-color: hsl(197 53% 76%);
border-color: oklch(0.83 0.055 223.4);
}Tailwind CSS v4
@theme {
--color-light-sky-babe: #a1d0e2;
--color-light-sky-babe-50: #e5f9ff;
--color-light-sky-babe-100: #d5ecf6;
--color-light-sky-babe-200: #bcdae6;
--color-light-sky-babe-300: #9abecd;
--color-light-sky-babe-400: #7ba6b7;
--color-light-sky-babe-500: #5c8fa1;
--color-light-sky-babe-600: #4f7988;
--color-light-sky-babe-700: #3f616d;
--color-light-sky-babe-800: #2c4750;
--color-light-sky-babe-900: #1e3138;
--color-light-sky-babe-950: #0e1d22;
}SCSS
$light-sky-babe: #a1d0e2;
$light-sky-babe-rgb: 161, 208, 226;
$light-sky-babe-light: mix(#fff, $light-sky-babe, 20%);
$light-sky-babe-dark: mix(#000, $light-sky-babe, 20%);
.element {
color: $light-sky-babe;
box-shadow: 0 0 0 2px rgba($light-sky-babe, 0.35);
}