Colore con nome · #30949D
Aqua Lake
Aqua Lake è #30949D: rgb(48 148 157), hsl(185 53% 40%), oklch(0.614 0.09 203.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Aqua Lake color name →
#30949D
oklch(0.614 0.09 203.7)
Conversioni di colore
- HEX
- #30949d
- RGB
- rgb(48 148 157)
- HSL
- hsl(185 53% 40%)
- HWB
- hwb(185 19% 38%)
- OKLCH
- oklch(0.614 0.09 203.7)
- OKLab
- oklab(0.614 -0.083 -0.036)
- CIE Lab
- lab(56.02 -27.24 -13.64)
- LCH
- lch(56.02 30.47 206.6)
- CMYK
- cmyk(69% 6% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 4B9FA7
- 62A9B0
- 77B4BA
- 8BBEC3
- 9FC9CD
- B2D4D7
- C5DEE1
- D8E9EB
- ECF4F5
Ombre
- 288088
- 216D73
- 1A5A5F
- 13484C
- 0C363A
- 062628
- 031618
- 010809
- 000101
Toni
- 3E929A
- 499097
- 528E94
- 5A8D91
- 628B8F
- 69898C
- 6F8689
- 758486
- 7B8283
Armonie di colore
Complementare +180°
- 30949D
Aqua Lake
- B46E6A
≈ Terra Tone
Analogo -30° +30°
- 30949D
Aqua Lake
- 3F9680
≈ Greenway
- 478DB2
≈ Atlantic Gull
Triadico +120° +240°
- 30949D
Aqua Lake
- 9F71A3
≈ Scotch Thistle
- 9E7F40
≈ Wild Olive
Complementare divisa +150° +210°
- 30949D
Aqua Lake
- AF6D88
≈ Pink Hibiscus
- AF754F
≈ Baked Bean
Tetradico +90° +180° +270°
- 30949D
Aqua Lake
- 877AB6
≈ Paisley Purple
- B46E6A
≈ Terra Tone
- 848A48
≈ East Aurora
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.59:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.84:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--aqua-lake: #30949d;
--aqua-lake-rgb: 48 148 157;
--aqua-lake-oklch: oklch(0.614 0.09 203.7);
}
.element {
color: var(--aqua-lake);
background-color: hsl(185 53% 40%);
border-color: oklch(0.614 0.09 203.7);
}Tailwind CSS v4
@theme {
--color-aqua-lake: #30949d;
--color-aqua-lake-50: #d8fdff;
--color-aqua-lake-100: #c6f1f7;
--color-aqua-lake-200: #a7e0e7;
--color-aqua-lake-300: #7ec5ce;
--color-aqua-lake-400: #55aeb7;
--color-aqua-lake-500: #1e97a1;
--color-aqua-lake-600: #1e8088;
--color-aqua-lake-700: #19666d;
--color-aqua-lake-800: #0f4b50;
--color-aqua-lake-900: #0a3437;
--color-aqua-lake-950: #002022;
}SCSS
$aqua-lake: #30949d;
$aqua-lake-rgb: 48, 148, 157;
$aqua-lake-light: mix(#fff, $aqua-lake, 20%);
$aqua-lake-dark: mix(#000, $aqua-lake, 20%);
.element {
color: $aqua-lake;
box-shadow: 0 0 0 2px rgba($aqua-lake, 0.35);
}