Colore con nome · #A6CDDE
Carefree Sky
Carefree Sky è #A6CDDE: rgb(166 205 222), hsl(198 46% 76%), oklch(0.826 0.048 226.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Carefree Sky color name →
#A6CDDE
oklch(0.826 0.048 226.2)
Conversioni di colore
- HEX
- #a6cdde
- RGB
- rgb(166 205 222)
- HSL
- hsl(198 46% 76%)
- HWB
- hwb(198 65% 13%)
- OKLCH
- oklch(0.826 0.048 226.2)
- OKLab
- oklab(0.826 -0.033 -0.034)
- CIE Lab
- lab(80 -10.51 -12.95)
- LCH
- lch(80 16.68 230.9)
- CMYK
- cmyk(25% 8% 0% 13%)
Tinte · Ombre · Toni
Tinte
- AFD2E1
- B8D7E5
- C1DCE8
- CAE1EB
- D2E6EF
- DBEBF2
- E4F0F5
- EDF5F8
- F6FAFC
Ombre
- 90B2C1
- 7A98A5
- 657E89
- 51666F
- 3E4E55
- 2B383D
- 1A2326
- 0A0F12
- 010202
Toni
- A2C5D4
- 9FBDCB
- 9BB5C1
- 97AEB7
- 93A6AE
- 909EA5
- 8C979B
- 888F92
- 848789
Armonie di colore
Complementare +180°
- A6CDDE
Carefree Sky
- E1BDAC
≈ Fresh-Baked
Analogo -30° +30°
- A6CDDE
Carefree Sky
- A3D0D0
≈ Morning Glory
- B2C8E5
≈ Radar
Triadico +120° +240°
- A6CDDE
Carefree Sky
- DEBACC
≈ Smoked Silver
- C9C8A5
≈ Floating Lily Pad
Complementare divisa +150° +210°
- A6CDDE
Carefree Sky
- E3BABB
≈ Soft Blush
- D8C2A4
≈ Country Linen
Tetradico +90° +180° +270°
- A6CDDE
Carefree Sky
- D3BDDB
≈ Plum Cake
- E1BDAC
≈ Fresh-Baked
- B8CEAF
≈ Spring Fields
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.40:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--carefree-sky: #a6cdde;
--carefree-sky-rgb: 166 205 222;
--carefree-sky-oklch: oklch(0.826 0.048 226.2);
}
.element {
color: var(--carefree-sky);
background-color: hsl(198 46% 76%);
border-color: oklch(0.826 0.048 226.2);
}Tailwind CSS v4
@theme {
--color-carefree-sky: #a6cdde;
--color-carefree-sky-50: #e8f8ff;
--color-carefree-sky-100: #d8ebf5;
--color-carefree-sky-200: #c0d9e5;
--color-carefree-sky-300: #9fbdcb;
--color-carefree-sky-400: #81a5b4;
--color-carefree-sky-500: #648d9f;
--color-carefree-sky-600: #557786;
--color-carefree-sky-700: #44606b;
--color-carefree-sky-800: #30464f;
--color-carefree-sky-900: #213137;
--color-carefree-sky-950: #101d22;
}SCSS
$carefree-sky: #a6cdde;
$carefree-sky-rgb: 166, 205, 222;
$carefree-sky-light: mix(#fff, $carefree-sky, 20%);
$carefree-sky-dark: mix(#000, $carefree-sky, 20%);
.element {
color: $carefree-sky;
box-shadow: 0 0 0 2px rgba($carefree-sky, 0.35);
}