Colore con nome · #AFCFE0
Light Sky Bus
Light Sky Bus è #AFCFE0: rgb(175 207 224), hsl(201 44% 78%), oklch(0.837 0.042 231.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Light Sky Bus color name →
#AFCFE0
oklch(0.837 0.042 231.1)
Conversioni di colore
- HEX
- #afcfe0
- RGB
- rgb(175 207 224)
- HSL
- hsl(201 44% 78%)
- HWB
- hwb(201 69% 12%)
- OKLCH
- oklch(0.837 0.042 231.1)
- OKLab
- oklab(0.837 -0.026 -0.032)
- CIE Lab
- lab(81.17 -8.29 -12.19)
- LCH
- lch(81.17 14.74 235.8)
- CMYK
- cmyk(22% 8% 0% 12%)
Tinte · Ombre · Toni
Tinte
- B7D4E3
- BFD9E6
- C7DDE9
- CFE2EC
- D7E7F0
- DFECF3
- E7F1F6
- EFF5F9
- F7FAFC
Ombre
- 98B4C3
- 8199A6
- 6B7F8A
- 566770
- 414F56
- 2E383E
- 1C2327
- 0B1012
- 010202
Toni
- AAC7D6
- A6BFCC
- A1B7C2
- 9CAFB9
- 98A7AF
- 939FA5
- 8E979C
- 898F92
- 858889
Armonie di colore
Complementare +180°
- AFCFE0
Light Sky Bus
- E1C2B1
≈ Sunwashed Brick
Analogo -30° +30°
- AFCFE0
Light Sky Bus
- ABD2D5
≈ Aqua Frost
- BACAE5
≈ Periwinkle Dream
Triadico +120° +240°
- AFCFE0
Light Sky Bus
- E0BFCD
≈ Delicate Bloom
- CACCAE
≈ Chilled Cucumber
Complementare divisa +150° +210°
- AFCFE0
Light Sky Bus
- E4BFBE
≈ Miniature Posey
- D8C7AB
≈ New Khaki
Tetradico +90° +180° +270°
- AFCFE0
Light Sky Bus
- D6C1DA
≈ New Violet
- E1C2B1
≈ Sunwashed Brick
- BBD1B7
≈ Eucalyptus Leaf
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.82:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--light-sky-bus: #afcfe0;
--light-sky-bus-rgb: 175 207 224;
--light-sky-bus-oklch: oklch(0.837 0.042 231.1);
}
.element {
color: var(--light-sky-bus);
background-color: hsl(201 44% 78%);
border-color: oklch(0.837 0.042 231.1);
}Tailwind CSS v4
@theme {
--color-light-sky-bus: #afcfe0;
--color-light-sky-bus-50: #eaf8ff;
--color-light-sky-bus-100: #dbebf4;
--color-light-sky-bus-200: #c4d8e3;
--color-light-sky-bus-300: #a3bcca;
--color-light-sky-bus-400: #86a3b3;
--color-light-sky-bus-500: #6a8c9d;
--color-light-sky-bus-600: #5a7685;
--color-light-sky-bus-700: #485f6a;
--color-light-sky-bus-800: #33454e;
--color-light-sky-bus-900: #233036;
--color-light-sky-bus-950: #121c21;
}SCSS
$light-sky-bus: #afcfe0;
$light-sky-bus-rgb: 175, 207, 224;
$light-sky-bus-light: mix(#fff, $light-sky-bus, 20%);
$light-sky-bus-dark: mix(#000, $light-sky-bus, 20%);
.element {
color: $light-sky-bus;
box-shadow: 0 0 0 2px rgba($light-sky-bus, 0.35);
}