最接近的命名颜色 · #91D3CA
#91D3CA
最接近的命名颜色: Bambino
#91D3CA（rgb(145 211 202)、hsl(172 43% 70%)、oklch(0.82 0.068 185.3)）最接近命名颜色 Bambino。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#91D3CA
oklch(0.82 0.068 185.3)
颜色转换
- HEX
- #91d3ca
- RGB
- rgb(145 211 202)
- HSL
- hsl(172 43% 70%)
- HWB
- hwb(172 57% 17%)
- OKLCH
- oklch(0.82 0.068 185.3)
- OKLab
- oklab(0.82 -0.068 -0.006)
- CIE Lab
- lab(79.94 -23.19 -2.57)
- LCH
- lch(79.94 23.33 186.3)
- CMYK
- cmyk(31% 0% 4% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- 9DD7CF
- A8DCD4
- B3E0DA
- BEE5DF
- C9E9E4
- D4EEEA
- DFF2EF
- EAF6F4
- F4FBFA
深色调
- 7DB7AF
- 6A9C95
- 58827C
- 466964
- 35514D
- 253A37
- 152422
- 07100F
- 010202
灰色调
- 90CAC2
- 8FC2BB
- 8EBAB3
- 8CB1AC
- 8AA9A4
- 89A19D
- 879896
- 85908E
- 828887
配色和谐
互补色 +180°
- 91D3CA
Bambino
- ECB2BE
≈ Frozen Veins
类似色 -30° +30°
- 91D3CA
Bambino
- A1D2B1
≈ Merrylyn
- 91D0E0
≈ Washed Blue
三角配色 +120° +240°
- 91D3CA
Bambino
- CEB9E8
≈ Connecticut Lilac
- E3BC96
≈ Only Natural
分裂互补色 +150° +210°
- 91D3CA
Bambino
- E1B4D6
≈ French Lilac
- ECB5A6
≈ Plushy Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.37:1 · APCA Lc 73
最佳文字颜色: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--bambino: #91d3ca;
--bambino-rgb: 145 211 202;
--bambino-oklch: oklch(0.82 0.068 185.3);
}
.element {
color: var(--bambino);
background-color: hsl(172 43% 70%);
border-color: oklch(0.82 0.068 185.3);
}Tailwind CSS v4
@theme {
--color-bambino: #91d3ca;
--color-bambino-50: #e0fcf8;
--color-bambino-100: #d0f0ec;
--color-bambino-200: #b4ded9;
--color-bambino-300: #90c3bd;
--color-bambino-400: #6faca4;
--color-bambino-500: #4c958c;
--color-bambino-600: #417e77;
--color-bambino-700: #34655f;
--color-bambino-800: #254a45;
--color-bambino-900: #18332f;
--color-bambino-950: #091f1c;
}SCSS
$bambino: #91d3ca;
$bambino-rgb: 145, 211, 202;
$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);
}