Benannte Farbe · #B3D6C3
Chlorophyll Cream
Chlorophyll Cream ist #B3D6C3: rgb(179 214 195), hsl(147 30% 77%), oklch(0.845 0.045 161.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Chlorophyll Cream color name →
#B3D6C3
oklch(0.845 0.045 161.6)
Farbumrechnungen
- HEX
- #b3d6c3
- RGB
- rgb(179 214 195)
- HSL
- hsl(147 30% 77%)
- HWB
- hwb(147 70% 16%)
- OKLCH
- oklch(0.845 0.045 161.6)
- OKLab
- oklab(0.845 -0.043 0.014)
- CIE Lab
- lab(82.67 -14.8 5.37)
- LCH
- lch(82.67 15.74 160.1)
- CMYK
- cmyk(16% 0% 9% 16%)
Tints · Shades · Tones
Tints
- BBDAC9
- C2DECF
- CAE2D5
- D1E6DB
- D9EAE1
- E1EFE7
- E8F3ED
- F0F7F3
- F7FBF9
Shades
- 9BBAA9
- 849E90
- 6E8478
- 586A60
- 43524A
- 2F3B34
- 1D2520
- 0C100E
- 010202
Tones
- AECDBC
- A9C4B5
- A4BBAE
- 9FB3A8
- 9AAAA1
- 94A29A
- 8F9994
- 8A918D
- 858886
Farbharmonien
Komplementär +180°
- B3D6C3
Chlorophyll Cream
- E2C1D5
≈ Dog Rose
Analog -30° +30°
- B3D6C3
Chlorophyll Cream
- C2D3B4
≈ Hidden Hills
- ABD6D4
≈ Sugar Pool
Triadisch +120° +240°
- B3D6C3
Chlorophyll Cream
- C7C9EA
≈ Powdered Granite
- E7C3B6
≈ Antoinette Pink
Geteilt komplementär +150° +210°
- B3D6C3
Chlorophyll Cream
- D6C4E2
≈ New Violet
- E8C1C5
≈ Baby’s Booties
Tetradisch +90° +180° +270°
- B3D6C3
Chlorophyll Cream
- B7CFEA
≈ Modern Blue
- E2C1D5
≈ Dog Rose
- DFC8AD
≈ Sunday Drive
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.32:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--chlorophyll-cream: #b3d6c3;
--chlorophyll-cream-rgb: 179 214 195;
--chlorophyll-cream-oklch: oklch(0.845 0.045 161.6);
}
.element {
color: var(--chlorophyll-cream);
background-color: hsl(147 30% 77%);
border-color: oklch(0.845 0.045 161.6);
}Tailwind CSS v4
@theme {
--color-chlorophyll-cream: #b3d6c3;
--color-chlorophyll-cream-50: #eaf9f1;
--color-chlorophyll-cream-100: #dbede4;
--color-chlorophyll-cream-200: #c4dbcf;
--color-chlorophyll-cream-300: #a3bfb1;
--color-chlorophyll-cream-400: #87a796;
--color-chlorophyll-cream-500: #6b907d;
--color-chlorophyll-cream-600: #5b7a6a;
--color-chlorophyll-cream-700: #496154;
--color-chlorophyll-cream-800: #35473d;
--color-chlorophyll-cream-900: #24312a;
--color-chlorophyll-cream-950: #131d17;
}SCSS
$chlorophyll-cream: #b3d6c3;
$chlorophyll-cream-rgb: 179, 214, 195;
$chlorophyll-cream-light: mix(#fff, $chlorophyll-cream, 20%);
$chlorophyll-cream-dark: mix(#000, $chlorophyll-cream, 20%);
.element {
color: $chlorophyll-cream;
box-shadow: 0 0 0 2px rgba($chlorophyll-cream, 0.35);
}