Named color · #CBEFCB
Carolina
Carolina is #CBEFCB: rgb(203 239 203), hsl(120 53% 87%), oklch(0.917 0.061 145.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Carolina color name →
#CBEFCB
oklch(0.917 0.061 145.1)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- D0F1D0
- D6F2D5
- DBF4DB
- E0F6E0
- E5F7E5
- EAF9EA
- F0FAEF
- F5FCF5
- FAFDFA
Shades
- B0D0B0
- 96B196
- 7D947D
- 657865
- 4D5C4D
- 374237
- 222A22
- 0F140F
- 020302
Tones
- C3E3C3
- BCD8BC
- B4CCB4
- ADC1AC
- A5B6A5
- 9EAB9D
- 96A096
- 8F958F
- 878B87
Color harmonies
Complementary +180°
- CBEFCB
Carolina
- F9D6FA
≈ Pink Diamond
Analogous -30° +30°
- CBEFCB
Carolina
- E2E9BB
≈ Budding Bloom
- B9F2E1
≈ Salome
Triadic +120° +240°
- CBEFCB
Carolina
- D7E4FF
≈ Stoic White
- FFD9D5
≈ Forgotten Pink
Split-complementary +150° +210°
- CBEFCB
Carolina
- E5DEFF
≈ Stoic White
- FFD7E5
≈ Pig Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.74:1 · APCA Lc 91
Best text color: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
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);
}