最接近的命名颜色 · #0BA8CD
#0BA8CD
最接近的命名颜色: Gummy Dolphins
#0BA8CD（rgb(11 168 205)、hsl(191 90% 42%)、oklch(0.678 0.123 221.3)）最接近命名颜色 Gummy Dolphins。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#0BA8CD
oklch(0.678 0.123 221.3)
颜色转换
- HEX
- #0ba8cd
- RGB
- rgb(11 168 205)
- HSL
- hsl(191 90% 42%)
- HWB
- hwb(191 4% 20%)
- OKLCH
- oklch(0.678 0.123 221.3)
- OKLab
- oklab(0.678 -0.093 -0.081)
- CIE Lab
- lab(63.22 -27.1 -29.68)
- LCH
- lch(63.22 40.19 227.6)
- CMYK
- cmyk(95% 18% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- 3FB1D2
- 5CBAD8
- 74C3DD
- 89CBE2
- 9ED4E7
- B2DDEC
- C5E5F1
- D9EEF6
- ECF6FA
深色调
- 0892B2
- 067C98
- 04677E
- 025266
- 013F4E
- 012C38
- 001A23
- 000A0F
- 000102
灰色调
- 2EA4C5
- 40A0BE
- 4D9DB6
- 5899AE
- 6095A6
- 68919F
- 6F8D97
- 75898F
- 7B8488
配色和谐
互补色 +180°
- 0BA8CD
Gummy Dolphins
- D77C5A
≈ Deep Coral
类似色 -30° +30°
- 0BA8CD
Gummy Dolphins
- 00AEA9
≈ Teal Me No Lies
- 5A9CE1
≈ Perfect Days
三角配色 +120° +240°
- 0BA8CD
Gummy Dolphins
- CA78AE
≈ Strawberry Freeze
- A89931
≈ Pestulance
分裂互补色 +150° +210°
- 0BA8CD
Gummy Dolphins
- D87684
≈ Creamy Coral
- C78935
≈ Gentleman’s Whiskey
四角配色 +90° +180° +270°
- 0BA8CD
Gummy Dolphins
- B081CF
≈ Lavender Blossom
- D77C5A
≈ Deep Coral
- 7CA753
≈ Asparagus
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.49:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--gummy-dolphins: #0ba8cd;
--gummy-dolphins-rgb: 11 168 205;
--gummy-dolphins-oklch: oklch(0.678 0.123 221.3);
}
.element {
color: var(--gummy-dolphins);
background-color: hsl(191 90% 42%);
border-color: oklch(0.678 0.123 221.3);
}Tailwind CSS v4
@theme {
--color-gummy-dolphins: #0ba8cd;
--color-gummy-dolphins-50: #d0feff;
--color-gummy-dolphins-100: #bcf2ff;
--color-gummy-dolphins-200: #99e0fb;
--color-gummy-dolphins-300: #6ac5e5;
--color-gummy-dolphins-400: #2faed2;
--color-gummy-dolphins-500: #0097bf;
--color-gummy-dolphins-600: #0080a1;
--color-gummy-dolphins-700: #006682;
--color-gummy-dolphins-800: #004c5f;
--color-gummy-dolphins-900: #003443;
--color-gummy-dolphins-950: #00202b;
}SCSS
$gummy-dolphins: #0ba8cd;
$gummy-dolphins-rgb: 11, 168, 205;
$gummy-dolphins-light: mix(#fff, $gummy-dolphins, 20%);
$gummy-dolphins-dark: mix(#000, $gummy-dolphins, 20%);
.element {
color: $gummy-dolphins;
box-shadow: 0 0 0 2px rgba($gummy-dolphins, 0.35);
}