Colore con nome · #7AA8CB
Mirror Lake
Mirror Lake è #7AA8CB: rgb(122 168 203), hsl(206 44% 64%), oklch(0.712 0.071 241.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Mirror Lake color name →
#7AA8CB
oklch(0.712 0.071 241.8)
Conversioni di colore
- HEX
- #7aa8cb
- RGB
- rgb(122 168 203)
- HSL
- hsl(206 44% 64%)
- HWB
- hwb(206 48% 20%)
- OKLCH
- oklch(0.712 0.071 241.8)
- OKLab
- oklab(0.712 -0.034 -0.063)
- CIE Lab
- lab(66.54 -9.19 -23.15)
- LCH
- lch(66.54 24.91 248.4)
- CMYK
- cmyk(40% 17% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 87B1D0
- 94B9D6
- A2C2DB
- AFCAE0
- BCD3E5
- C9DCEB
- D7E5F0
- E4EDF5
- F1F6FA
Ombre
- 6992B0
- 597C96
- 49677D
- 3A5265
- 2B3F4D
- 1D2C37
- 101A22
- 050A0F
- 010102
Toni
- 7BA4C3
- 7CA0BC
- 7D9CB4
- 7E98AD
- 7E94A5
- 7F909E
- 7F8C96
- 80888F
- 808487
Armonie di colore
Complementare +180°
- 7AA8CB
Mirror Lake
- C39874
≈ Copper Moon
Analogo -30° +30°
- 7AA8CB
Mirror Lake
- 6BAEBC
≈ Water Music
- 92A0CF
≈ Ceil
Triadico +120° +240°
- 7AA8CB
Mirror Lake
- C8909F
≈ Beetroot Rice
- 9AA977
≈ Siamese Green
Complementare divisa +150° +210°
- 7AA8CB
Mirror Lake
- CB9286
≈ Mexican Moonlight
- B2A16E
≈ Zucchini Garden
Tetradico +90° +180° +270°
- 7AA8CB
Mirror Lake
- BD92B6
≈ Mauve Magic
- C39874
≈ Copper Moon
- 81AF8C
≈ Mate Tea
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.29:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--mirror-lake: #7aa8cb;
--mirror-lake-rgb: 122 168 203;
--mirror-lake-oklch: oklch(0.712 0.071 241.8);
}
.element {
color: var(--mirror-lake);
background-color: hsl(206 44% 64%);
border-color: oklch(0.712 0.071 241.8);
}Tailwind CSS v4
@theme {
--color-mirror-lake: #7aa8cb;
--color-mirror-lake-50: #e5f8ff;
--color-mirror-lake-100: #d5ebff;
--color-mirror-lake-200: #bbd8f1;
--color-mirror-lake-300: #99bcda;
--color-mirror-lake-400: #79a4c5;
--color-mirror-lake-500: #5a8cb1;
--color-mirror-lake-600: #4d7796;
--color-mirror-lake-700: #3d5f78;
--color-mirror-lake-800: #2b4659;
--color-mirror-lake-900: #1d303e;
--color-mirror-lake-950: #0d1c27;
}SCSS
$mirror-lake: #7aa8cb;
$mirror-lake-rgb: 122, 168, 203;
$mirror-lake-light: mix(#fff, $mirror-lake, 20%);
$mirror-lake-dark: mix(#000, $mirror-lake, 20%);
.element {
color: $mirror-lake;
box-shadow: 0 0 0 2px rgba($mirror-lake, 0.35);
}