命名颜色 · #99EEEE

Freezy Breezy

Freezy Breezy 即 #99EEEE：rgb(153 238 238)、hsl(180 71% 77%)、oklch(0.895 0.082 195.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Teal mean? → · Freezy Breezy color name →

#99EEEE

oklch(0.895 0.082 195.8)

颜色转换

HEX: #99eeee
RGB: rgb(153 238 238)
HSL: hsl(180 71% 77%)
HWB: hwb(180 60% 7%)
OKLCH: oklch(0.895 0.082 195.8)
OKLab: oklab(0.895 -0.079 -0.022)
CIE Lab: lab(88.72 -26.76 -8.61)
LCH: lch(88.72 28.11 197.8)
CMYK: cmyk(36% 0% 0% 7%)

浅色调 · 深色调 · 灰色调

浅色调

A5F0F0
B0F2F1
BAF3F3
C5F5F5
CFF7F7
D9F9F8
E3FAFA
ECFCFC
F6FDFD

深色调

84CFCF
70B1B1
5D9393
4A7777
385C5C
274242
172A2A
081414
010303

灰色调

98E3E2
96D7D7
94CCCC
92C1C1
8FB6B5
8DABAB
8AA0A0
879595
848B8A

配色和谐

互补色 +180°

99EEEE
Freezy Breezy
FFCED0
≈ Lusty-Gallant

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.32:1 · APCA Lc 16

Fail

黑底

WCAG 15.81:1 · APCA Lc 88

AAA

最佳文字颜色: #000000

WCAG 15.81:1 (AAA) · APCA Lc 88

Contrast pairs

代码片段

CSS

:root {
  --freezy-breezy: #99eeee;
  --freezy-breezy-rgb: 153 238 238;
  --freezy-breezy-oklch: oklch(0.895 0.082 195.8);
}

.element {
  color: var(--freezy-breezy);
  background-color: hsl(180 71% 77%);
  border-color: oklch(0.895 0.082 195.8);
}

Tailwind CSS v4

@theme {
  --color-freezy-breezy: #99eeee;
  --color-freezy-breezy-50: #dbfdfe;
  --color-freezy-breezy-100: #c9f1f2;
  --color-freezy-breezy-200: #ace0e1;
  --color-freezy-breezy-300: #84c5c6;
  --color-freezy-breezy-400: #5eaeae;
  --color-freezy-breezy-500: #329798;
  --color-freezy-breezy-600: #2d8080;
  --color-freezy-breezy-700: #246667;
  --color-freezy-breezy-800: #184b4b;
  --color-freezy-breezy-900: #103434;
  --color-freezy-breezy-950: #02201f;
}

SCSS

$freezy-breezy: #99eeee;
$freezy-breezy-rgb: 153, 238, 238;
$freezy-breezy-light: mix(#fff, $freezy-breezy, 20%);
$freezy-breezy-dark: mix(#000, $freezy-breezy, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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