Named color · #B1DBAA
Fizz
Fizz is #B1DBAA: rgb(177 219 170), hsl(111 40% 76%), oklch(0.849 0.08 141.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Fizz color name →
#B1DBAA
oklch(0.849 0.08 141.1)
Color conversions
- HEX
- #b1dbaa
- RGB
- rgb(177 219 170)
- HSL
- hsl(111 40% 76%)
- HWB
- hwb(111 67% 14%)
- OKLCH
- oklch(0.849 0.08 141.1)
- OKLab
- oklab(0.849 -0.062 0.05)
- CIE Lab
- lab(83.44 -21.12 19.49)
- LCH
- lch(83.44 28.74 137.3)
- CMYK
- cmyk(19% 0% 22% 14%)
Tints · Shades · Tones
Tints
- B9DFB2
- C1E2BB
- C8E6C3
- D0EACC
- D8EDD4
- E0F1DD
- E8F4E5
- EFF8EE
- F7FBF6
Shades
- 99BE93
- 83A27D
- 6C8768
- 576D53
- 42543F
- 2F3C2D
- 1C261B
- 0C110B
- 010201
Tones
- ACD2A6
- A7C8A2
- A2BF9E
- 9EB699
- 99AD95
- 94A491
- 8F9B8D
- 8A9289
- 858984
Color harmonies
Complementary +180°
- B1DBAA
Fizz
- E6BDEE
≈ Beefy Pink
Analogous -30° +30°
Triadic +120° +240°
- B1DBAA
Fizz
- B2CEFF
≈ Ice Cold Stare
- FEB9B7
≈ Hard Candy
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.58:1 · APCA Lc 78
Best text color: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--fizz: #b1dbaa;
--fizz-rgb: 177 219 170;
--fizz-oklch: oklch(0.849 0.08 141.1);
}
.element {
color: var(--fizz);
background-color: hsl(111 40% 76%);
border-color: oklch(0.849 0.08 141.1);
}Tailwind CSS v4
@theme {
--color-fizz: #b1dbaa;
--color-fizz-50: #e8fce7;
--color-fizz-100: #d9efd7;
--color-fizz-200: #c1debf;
--color-fizz-300: #a0c29d;
--color-fizz-400: #84ab7e;
--color-fizz-500: #689461;
--color-fizz-600: #587d53;
--color-fizz-700: #476442;
--color-fizz-800: #34492e;
--color-fizz-900: #23331f;
--color-fizz-950: #121e0f;
}SCSS
$fizz: #b1dbaa;
$fizz-rgb: 177, 219, 170;
$fizz-light: mix(#fff, $fizz, 20%);
$fizz-dark: mix(#000, $fizz, 20%);
.element {
color: $fizz;
box-shadow: 0 0 0 2px rgba($fizz, 0.35);
}