命名颜色 · #61A1A9

Aqua Sea

Aqua Sea 即 #61A1A9：rgb(97 161 169)、hsl(187 30% 52%)、oklch(0.669 0.067 205.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Cyan mean? → · Aqua Sea color name →

#61A1A9

oklch(0.669 0.067 205.9)

颜色转换

HEX: #61a1a9
RGB: rgb(97 161 169)
HSL: hsl(187 30% 52%)
HWB: hwb(187 38% 34%)
OKLCH: oklch(0.669 0.067 205.9)
OKLab: oklab(0.669 -0.06 -0.029)
CIE Lab: lab(62.18 -19.81 -10.99)
LCH: lch(62.18 22.65 209)
CMYK: cmyk(43% 5% 0% 34%)

浅色调 · 深色调 · 灰色调

浅色调

72AAB1
82B3BA
91BDC2
A1C6CB
B1CFD3
C0D9DC
D0E2E5
DFECED
EFF5F6

深色调

538B92
46767C
396267
2D4E53
213C3F
152A2C
0B191B
03090A
000101

灰色调

659EA5
699AA1
6D979D
709498
739194
768D90
798A8C
7C8788
7E8384

配色和谐

互补色 +180°

61A1A9
Aqua Sea
BB8580
≈ Red Clover

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 2.92:1 · APCA Lc 56

Fail

黑底

WCAG 7.17:1 · APCA Lc 46

AAA

最佳文字颜色: #000000

WCAG 7.17:1 (AAA) · APCA Lc 46

Contrast pairs

代码片段

CSS

:root {
  --aqua-sea: #61a1a9;
  --aqua-sea-rgb: 97 161 169;
  --aqua-sea-oklch: oklch(0.669 0.067 205.9);
}

.element {
  color: var(--aqua-sea);
  background-color: hsl(187 30% 52%);
  border-color: oklch(0.669 0.067 205.9);
}

Tailwind CSS v4

@theme {
  --color-aqua-sea: #61a1a9;
  --color-aqua-sea-50: #e0fbff;
  --color-aqua-sea-100: #cfeff3;
  --color-aqua-sea-200: #b4dde3;
  --color-aqua-sea-300: #90c1c9;
  --color-aqua-sea-400: #6eaab2;
  --color-aqua-sea-500: #4b939c;
  --color-aqua-sea-600: #407c84;
  --color-aqua-sea-700: #336469;
  --color-aqua-sea-800: #24494d;
  --color-aqua-sea-900: #183335;
  --color-aqua-sea-950: #081e21;
}

SCSS

$aqua-sea: #61a1a9;
$aqua-sea-rgb: 97, 161, 169;
$aqua-sea-light: mix(#fff, $aqua-sea, 20%);
$aqua-sea-dark: mix(#000, $aqua-sea, 20%);

.element {
  color: $aqua-sea;
  box-shadow: 0 0 0 2px rgba($aqua-sea, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API