最接近的命名颜色 · #93D6C9
#93D6C9
最接近的命名颜色: Bambino
#93D6C9（rgb(147 214 201)、hsl(168 45% 71%)、oklch(0.828 0.07 181)）最接近命名颜色 Bambino。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#93D6C9
oklch(0.828 0.07 181)
颜色转换
- HEX
- #93d6c9
- RGB
- rgb(147 214 201)
- HSL
- hsl(168 45% 71%)
- HWB
- hwb(168 58% 16%)
- OKLCH
- oklch(0.828 0.07 181)
- OKLab
- oklab(0.828 -0.07 -0.001)
- CIE Lab
- lab(80.87 -24.12 -0.68)
- LCH
- lch(80.87 24.13 181.6)
- CMYK
- cmyk(31% 0% 6% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- 9EDACE
- AADED4
- B5E2D9
- C0E7DE
- CAEBE4
- D5EFE9
- E0F3EF
- EAF7F4
- F5FBF9
深色调
- 7FBAAE
- 6C9E95
- 59847C
- 476A64
- 36524C
- 253B36
- 162522
- 08100F
- 010202
灰色调
- 92CDC1
- 90C4BA
- 8FBCB2
- 8DB3AB
- 8BAAA4
- 89A29C
- 879995
- 85918E
- 838887
配色和谐
互补色 +180°
- 93D6C9
Bambino
- EEB4C4
≈ Fallen Blossoms
类似色 -30° +30°
- 93D6C9
Bambino
- A6D4B0
≈ Frugal
- 90D3E0
≈ Plunging Waterfall
三角配色 +120° +240°
- 93D6C9
Bambino
- CEBDEE
≈ Connecticut Lilac
- E9BD98
≈ Pan Tostado
分裂互补色 +150° +210°
- 93D6C9
Bambino
- E2B6DC
≈ French Lilac
- F1B6AB
≈ Canyon Hush
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.70:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--bambino: #93d6c9;
--bambino-rgb: 147 214 201;
--bambino-oklch: oklch(0.828 0.07 181);
}
.element {
color: var(--bambino);
background-color: hsl(168 45% 71%);
border-color: oklch(0.828 0.07 181);
}Tailwind CSS v4
@theme {
--color-bambino: #93d6c9;
--color-bambino-50: #e0fcf7;
--color-bambino-100: #cff0ea;
--color-bambino-200: #b4dfd7;
--color-bambino-300: #8fc4bb;
--color-bambino-400: #6eaca1;
--color-bambino-500: #4b9689;
--color-bambino-600: #417e74;
--color-bambino-700: #33655d;
--color-bambino-800: #254a43;
--color-bambino-900: #18342e;
--color-bambino-950: #091f1b;
}SCSS
$bambino: #93d6c9;
$bambino-rgb: 147, 214, 201;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}