Colore con nome · #85C8D3
Not a Cloud in Sight
Not a Cloud in Sight è #85C8D3: rgb(133 200 211), hsl(188 47% 67%), oklch(0.792 0.069 208.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Not a Cloud in Sight color name →
#85C8D3
oklch(0.792 0.069 208.8)
Conversioni di colore
- HEX
- #85c8d3
- RGB
- rgb(133 200 211)
- HSL
- hsl(188 47% 67%)
- HWB
- hwb(188 52% 17%)
- OKLCH
- oklch(0.792 0.069 208.8)
- OKLab
- oklab(0.792 -0.061 -0.033)
- CIE Lab
- lab(76.42 -19.97 -12.62)
- LCH
- lch(76.42 23.63 212.3)
- CMYK
- cmyk(37% 5% 0% 17%)
Tinte · Ombre · Toni
Tinte
- 92CED7
- 9FD3DC
- ABD9E0
- B7DEE5
- C3E4E9
- CFE9ED
- DBEFF2
- E7F4F6
- F3FAFB
Ombre
- 73AEB7
- 61949C
- 507B82
- 406369
- 304C51
- 21363A
- 132124
- 060F10
- 010202
Toni
- 85C1CA
- 86B9C2
- 86B2B9
- 85ABB1
- 85A4A9
- 849CA0
- 839598
- 828E90
- 818788
Armonie di colore
Complementare +180°
- 85C8D3
Not a Cloud in Sight
- E4ABA2
≈ Coral Fountain
Analogo -30° +30°
- 85C8D3
Not a Cloud in Sight
- 89CABC
≈ Tranquil Teal
- 92C2E3
≈ Moment of Grace
Triadico +120° +240°
- 85C8D3
Not a Cloud in Sight
- D5ACD1
≈ Queenly
- CDB988
≈ Appalachian Trail
Complementare divisa +150° +210°
- 85C8D3
Not a Cloud in Sight
- E1A9BA
≈ Apple Infusion
- DDB18F
≈ Boot Hill Ghost
Tetradico +90° +180° +270°
- 85C8D3
Not a Cloud in Sight
- C1B2E2
≈ Moonraker
- E4ABA2
≈ Coral Fountain
- B6C290
≈ Jitterbug
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.19:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--not-a-cloud-in-sight: #85c8d3;
--not-a-cloud-in-sight-rgb: 133 200 211;
--not-a-cloud-in-sight-oklch: oklch(0.792 0.069 208.8);
}
.element {
color: var(--not-a-cloud-in-sight);
background-color: hsl(188 47% 67%);
border-color: oklch(0.792 0.069 208.8);
}Tailwind CSS v4
@theme {
--color-not-a-cloud-in-sight: #85c8d3;
--color-not-a-cloud-in-sight-50: #e0fbff;
--color-not-a-cloud-in-sight-100: #cfeff5;
--color-not-a-cloud-in-sight-200: #b3dde5;
--color-not-a-cloud-in-sight-300: #8ec2cb;
--color-not-a-cloud-in-sight-400: #6caab4;
--color-not-a-cloud-in-sight-500: #48939f;
--color-not-a-cloud-in-sight-600: #3e7c86;
--color-not-a-cloud-in-sight-700: #31646b;
--color-not-a-cloud-in-sight-800: #22494e;
--color-not-a-cloud-in-sight-900: #173337;
--color-not-a-cloud-in-sight-950: #071e21;
}SCSS
$not-a-cloud-in-sight: #85c8d3;
$not-a-cloud-in-sight-rgb: 133, 200, 211;
$not-a-cloud-in-sight-light: mix(#fff, $not-a-cloud-in-sight, 20%);
$not-a-cloud-in-sight-dark: mix(#000, $not-a-cloud-in-sight, 20%);
.element {
color: $not-a-cloud-in-sight;
box-shadow: 0 0 0 2px rgba($not-a-cloud-in-sight, 0.35);
}