Color con nombre más cercano · #68A2C0
#68A2C0
Color con nombre más cercano: Lake Lucerne
#68A2C0 (rgb(104 162 192), hsl(200 41% 58%), oklch(0.684 0.075 231.9)) se parece más al color con nombre Lake Lucerne. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#68A2C0
oklch(0.684 0.075 231.9)
Conversiones de color
- HEX
- #68a2c0
- RGB
- rgb(104 162 192)
- HSL
- hsl(200 41% 58%)
- HWB
- hwb(200 41% 25%)
- OKLCH
- oklch(0.684 0.075 231.9)
- OKLab
- oklab(0.684 -0.046 -0.059)
- CIE Lab
- lab(63.49 -13.54 -21.8)
- LCH
- lch(63.49 25.66 238.2)
- CMYK
- cmyk(46% 16% 0% 25%)
Tintes · Sombras · Tonos
Tintes
- 77ABC6
- 87B4CD
- 96BED3
- A5C7D9
- B4D0E0
- C3D9E6
- D2E3EC
- E1ECF3
- F0F6F9
Sombras
- 598CA7
- 4B778E
- 3E6376
- 304F5F
- 243C49
- 182A34
- 0C1920
- 040A0E
- 000102
Tonos
- 6B9FBA
- 6E9BB3
- 7198AD
- 7495A6
- 7691A0
- 798E99
- 7B8A93
- 7D878D
- 7E8386
Armonías de color
Complementario +180°
- 68A2C0
Lake Lucerne
- BF8D6E
≈ Tiny Fawn
Análogo -30° +30°
- 68A2C0
Lake Lucerne
- 5DA7AD
≈ Nirvana Jewel
- 809AC8
≈ Della Robbia Blue
Triádico +120° +240°
- 68A2C0
Lake Lucerne
- BE869E
≈ Mauvey Nude
- 9A9E68
≈ Domain
Complementario dividido +150° +210°
- 68A2C0
Lake Lucerne
- C48785
≈ All’s Ace
- B19563
≈ Antelope
Tetrádico +90° +180° +270°
- 68A2C0
Lake Lucerne
- B08AB5
≈ Violet Whimsy
- BF8D6E
≈ Tiny Fawn
- 7FA67A
≈ Greyish Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--lake-lucerne: #68a2c0;
--lake-lucerne-rgb: 104 162 192;
--lake-lucerne-oklch: oklch(0.684 0.075 231.9);
}
.element {
color: var(--lake-lucerne);
background-color: hsl(200 41% 58%);
border-color: oklch(0.684 0.075 231.9);
}Tailwind CSS v4
@theme {
--color-lake-lucerne: #68a2c0;
--color-lake-lucerne-50: #e1f9ff;
--color-lake-lucerne-100: #d0edfe;
--color-lake-lucerne-200: #b6daf0;
--color-lake-lucerne-300: #92bed8;
--color-lake-lucerne-400: #70a7c3;
--color-lake-lucerne-500: #4e8faf;
--color-lake-lucerne-600: #437994;
--color-lake-lucerne-700: #356177;
--color-lake-lucerne-800: #254757;
--color-lake-lucerne-900: #18313d;
--color-lake-lucerne-950: #091d27;
}SCSS
$lake-lucerne: #68a2c0;
$lake-lucerne-rgb: 104, 162, 192;
$lake-lucerne-light: mix(#fff, $lake-lucerne, 20%);
$lake-lucerne-dark: mix(#000, $lake-lucerne, 20%);
.element {
color: $lake-lucerne;
box-shadow: 0 0 0 2px rgba($lake-lucerne, 0.35);
}