Colore con nome · #66A9D3
Salem Blue
Salem Blue è #66A9D3: rgb(102 169 211), hsl(203 55% 61%), oklch(0.707 0.092 237.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Salem Blue color name →
#66A9D3
oklch(0.707 0.092 237.5)
Conversioni di colore
- HEX
- #66a9d3
- RGB
- rgb(102 169 211)
- HSL
- hsl(203 55% 61%)
- HWB
- hwb(203 40% 17%)
- OKLCH
- oklch(0.707 0.092 237.5)
- OKLab
- oklab(0.707 -0.049 -0.078)
- CIE Lab
- lab(66.02 -13.25 -28.46)
- LCH
- lch(66.02 31.39 245)
- CMYK
- cmyk(52% 20% 0% 17%)
Tinte · Ombre · Toni
Tinte
- 76B2D8
- 86BADC
- 95C3E1
- A4CBE5
- B4D4EA
- C3DDEE
- D2E5F2
- E1EEF7
- F0F6FB
Ombre
- 5892B7
- 4A7C9C
- 3C6782
- 2F5369
- 233F51
- 172C3A
- 0C1B24
- 040A10
- 000102
Toni
- 6AA5CB
- 6DA1C2
- 719DBA
- 7499B2
- 7695A9
- 7991A1
- 7B8D99
- 7D8890
- 7E8488
Armonie di colore
Complementare +180°
- 66A9D3
Salem Blue
- CC9266
≈ Santa Fe Sunrise
Analogo -30° +30°
- 66A9D3
Salem Blue
- 50B1BE
≈ Thalassa
- 879FDB
≈ Azureno
Triadico +120° +240°
- 66A9D3
Salem Blue
- CF88A1
≈ Orchid Smoke
- 9CA865
≈ Whirled Peas
Complementare divisa +150° +210°
- 66A9D3
Salem Blue
- D48A81
≈ My Pink
- B99D5A
≈ Escapade Gold
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.18:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--salem-blue: #66a9d3;
--salem-blue-rgb: 102 169 211;
--salem-blue-oklch: oklch(0.707 0.092 237.5);
}
.element {
color: var(--salem-blue);
background-color: hsl(203 55% 61%);
border-color: oklch(0.707 0.092 237.5);
}Tailwind CSS v4
@theme {
--color-salem-blue: #66a9d3;
--color-salem-blue-50: #defaff;
--color-salem-blue-100: #cdedff;
--color-salem-blue-200: #b1daf8;
--color-salem-blue-300: #8cbee2;
--color-salem-blue-400: #68a7ce;
--color-salem-blue-500: #438fbc;
--color-salem-blue-600: #3a799e;
--color-salem-blue-700: #2e617f;
--color-salem-blue-800: #1e475e;
--color-salem-blue-900: #143142;
--color-salem-blue-950: #051d2a;
}SCSS
$salem-blue: #66a9d3;
$salem-blue-rgb: 102, 169, 211;
$salem-blue-light: mix(#fff, $salem-blue, 20%);
$salem-blue-dark: mix(#000, $salem-blue, 20%);
.element {
color: $salem-blue;
box-shadow: 0 0 0 2px rgba($salem-blue, 0.35);
}