命名颜色 · #CBEFCB
Carolina
Carolina 即 #CBEFCB：rgb(203 239 203)、hsl(120 53% 87%)、oklch(0.917 0.061 145.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Carolina color name →
#CBEFCB
oklch(0.917 0.061 145.1)
颜色转换
- HEX
- #cbefcb
- RGB
- rgb(203 239 203)
- HSL
- hsl(120 53% 87%)
- HWB
- hwb(120 80% 6%)
- OKLCH
- oklch(0.917 0.061 145.1)
- OKLab
- oklab(0.917 -0.05 0.035)
- CIE Lab
- lab(91.14 -17.12 13.4)
- LCH
- lch(91.14 21.75 141.9)
- CMYK
- cmyk(15% 0% 15% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- D0F1D0
- D6F2D5
- DBF4DB
- E0F6E0
- E5F7E5
- EAF9EA
- F0FAEF
- F5FCF5
- FAFDFA
深色调
- B0D0B0
- 96B196
- 7D947D
- 657865
- 4D5C4D
- 374237
- 222A22
- 0F140F
- 020302
灰色调
- C3E3C3
- BCD8BC
- B4CCB4
- ADC1AC
- A5B6A5
- 9EAB9D
- 96A096
- 8F958F
- 878B87
配色和谐
互补色 +180°
- CBEFCB
Carolina
- F9D6FA
≈ Pink Diamond
类似色 -30° +30°
- CBEFCB
Carolina
- E2E9BB
≈ Budding Bloom
- B9F2E1
≈ Salome
三角配色 +120° +240°
- CBEFCB
Carolina
- D7E4FF
≈ Stoic White
- FFD9D5
≈ Forgotten Pink
分裂互补色 +150° +210°
- CBEFCB
Carolina
- E5DEFF
≈ Stoic White
- FFD7E5
≈ Pig Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.74:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--carolina: #cbefcb;
--carolina-rgb: 203 239 203;
--carolina-oklch: oklch(0.917 0.061 145.1);
}
.element {
color: var(--carolina);
background-color: hsl(120 53% 87%);
border-color: oklch(0.917 0.061 145.1);
}Tailwind CSS v4
@theme {
--color-carolina: #cbefcb;
--color-carolina-50: #eafaeb;
--color-carolina-100: #dbeedc;
--color-carolina-200: #c4dcc5;
--color-carolina-300: #a3c0a6;
--color-carolina-400: #88a888;
--color-carolina-500: #6d916d;
--color-carolina-600: #5c7b5d;
--color-carolina-700: #4a624a;
--color-carolina-800: #364835;
--color-carolina-900: #253224;
--color-carolina-950: #131e13;
}SCSS
$carolina: #cbefcb;
$carolina-rgb: 203, 239, 203;
$carolina-light: mix(#fff, $carolina, 20%);
$carolina-dark: mix(#000, $carolina, 20%);
.element {
color: $carolina;
box-shadow: 0 0 0 2px rgba($carolina, 0.35);
}