Color con nombre · #44BBDD
Lake Thun
Lake Thun es #44BBDD: rgb(68 187 221), hsl(193 69% 57%), oklch(0.74 0.114 220.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Lake Thun color name →
#44BBDD
oklch(0.74 0.114 220.6)
Conversiones de color
- HEX
- #44bbdd
- RGB
- rgb(68 187 221)
- HSL
- hsl(193 69% 57%)
- HWB
- hwb(193 27% 13%)
- OKLCH
- oklch(0.74 0.114 220.6)
- OKLab
- oklab(0.74 -0.087 -0.074)
- CIE Lab
- lab(70.38 -26.15 -27.39)
- LCH
- lch(70.38 37.87 226.3)
- CMYK
- cmyk(69% 15% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- 5EC2E1
- 73C9E4
- 87D0E8
- 99D7EB
- ABDEEF
- BCE4F2
- CDEBF5
- DEF2F9
- EFF8FC
Sombras
- 3AA2C0
- 308AA4
- 267388
- 1D5C6E
- 144655
- 0C323D
- 051F26
- 020D11
- 000202
Tonos
- 50B5D3
- 59AFCA
- 61AAC1
- 68A4B7
- 6D9EAE
- 7298A5
- 76929B
- 7A8C92
- 7D8689
Armonías de color
Complementario +180°
- 44BBDD
Lake Thun
- E89172
≈ Warm Welcome
Análogo -30° +30°
- 44BBDD
Lake Thun
- 38C1BB
≈ Tint of Turquoise
- 71B0F0
≈ Blue Jeans
Triádico +120° +240°
- 44BBDD
Lake Thun
- DB8DC1
≈ Firm Pink
- BBAD51
≈ Star Fruit Yellow Green
Complementario dividido +150° +210°
- 44BBDD
Lake Thun
- E98B99
≈ Peony
- D89E54
≈ Deep Bamboo Yellow
Tetrádico +90° +180° +270°
- 44BBDD
Lake Thun
- C296E0
≈ Bright Lavender
- E89172
≈ Warm Welcome
- 92B96B
≈ Olivine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.39:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--lake-thun: #44bbdd;
--lake-thun-rgb: 68 187 221;
--lake-thun-oklch: oklch(0.74 0.114 220.6);
}
.element {
color: var(--lake-thun);
background-color: hsl(193 69% 57%);
border-color: oklch(0.74 0.114 220.6);
}Tailwind CSS v4
@theme {
--color-lake-thun: #44bbdd;
--color-lake-thun-50: #d3fdff;
--color-lake-thun-100: #bff1ff;
--color-lake-thun-200: #9ee0f8;
--color-lake-thun-300: #71c5e2;
--color-lake-thun-400: #3eaecd;
--color-lake-thun-500: #0096bb;
--color-lake-thun-600: #007f9e;
--color-lake-thun-700: #00667e;
--color-lake-thun-800: #004b5d;
--color-lake-thun-900: #003441;
--color-lake-thun-950: #001f2a;
}SCSS
$lake-thun: #44bbdd;
$lake-thun-rgb: 68, 187, 221;
$lake-thun-light: mix(#fff, $lake-thun, 20%);
$lake-thun-dark: mix(#000, $lake-thun, 20%);
.element {
color: $lake-thun;
box-shadow: 0 0 0 2px rgba($lake-thun, 0.35);
}