Colore con nome · #59A6CF
First Landing
First Landing è #59A6CF: rgb(89 166 207), hsl(201 55% 58%), oklch(0.692 0.097 233.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · First Landing color name →
#59A6CF
oklch(0.692 0.097 233.8)
Conversioni di colore
- HEX
- #59a6cf
- RGB
- rgb(89 166 207)
- HSL
- hsl(201 55% 58%)
- HWB
- hwb(201 35% 19%)
- OKLCH
- oklch(0.692 0.097 233.8)
- OKLab
- oklab(0.692 -0.057 -0.078)
- CIE Lab
- lab(64.44 -15.73 -28.73)
- LCH
- lch(64.44 32.76 241.3)
- CMYK
- cmyk(57% 20% 0% 19%)
Tinte · Ombre · Toni
Tinte
- 6BAFD4
- 7DB8D9
- 8DC1DE
- 9ECAE3
- AED3E8
- BEDBED
- CFE4F1
- DFEDF6
- EFF6FA
Ombre
- 4C90B4
- 407A99
- 34657F
- 285167
- 1D3E4F
- 132B38
- 091A23
- 030A10
- 000102
Toni
- 5FA2C7
- 649FBF
- 699BB7
- 6D97AF
- 7193A7
- 75909F
- 788C98
- 7B8890
- 7D8488
Armonie di colore
Complementare +180°
- 59A6CF
First Landing
- CB8B61
≈ Orange Pekoe
Analogo -30° +30°
- 59A6CF
First Landing
- 42ADB7
≈ Pluto
- 7D9BD9
≈ Purple Gentian
Triadico +120° +240°
- 59A6CF
First Landing
- CB82A0
≈ Moonlight Mauve
- 9BA35A
≈ Sweet Pea
Complementare divisa +150° +210°
- 59A6CF
First Landing
- D2847F
≈ Salmon Pate
- B99751
≈ Base Sand
Tetradico +90° +180° +270°
- 59A6CF
First Landing
- BA87BE
≈ Lavender Sweater
- CB8B61
≈ Orange Pekoe
- 76AC75
≈ Abomination
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.78:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--first-landing: #59a6cf;
--first-landing-rgb: 89 166 207;
--first-landing-oklch: oklch(0.692 0.097 233.8);
}
.element {
color: var(--first-landing);
background-color: hsl(201 55% 58%);
border-color: oklch(0.692 0.097 233.8);
}Tailwind CSS v4
@theme {
--color-first-landing: #59a6cf;
--color-first-landing-50: #dcfaff;
--color-first-landing-100: #caeeff;
--color-first-landing-200: #addcf9;
--color-first-landing-300: #86c0e3;
--color-first-landing-400: #60a8cf;
--color-first-landing-500: #3690bc;
--color-first-landing-600: #307a9f;
--color-first-landing-700: #266280;
--color-first-landing-800: #18485e;
--color-first-landing-900: #103242;
--color-first-landing-950: #021e2a;
}SCSS
$first-landing: #59a6cf;
$first-landing-rgb: 89, 166, 207;
$first-landing-light: mix(#fff, $first-landing, 20%);
$first-landing-dark: mix(#000, $first-landing, 20%);
.element {
color: $first-landing;
box-shadow: 0 0 0 2px rgba($first-landing, 0.35);
}