Nazwany kolor · #B2D58C
Fresh Lettuce
Fresh Lettuce to #B2D58C: rgb(178 213 140), hsl(89 46% 69%), oklch(0.83 0.104 129.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fresh Lettuce color name →
#B2D58C
oklch(0.83 0.104 129.3)
Konwersje koloru
- HEX
- #b2d58c
- RGB
- rgb(178 213 140)
- HSL
- hsl(89 46% 69%)
- HWB
- hwb(89 55% 16%)
- OKLCH
- oklch(0.83 0.104 129.3)
- OKLab
- oklab(0.83 -0.066 0.081)
- CIE Lab
- lab(81.4 -21.39 32.17)
- LCH
- lch(81.4 38.63 123.6)
- CMYK
- cmyk(16% 0% 34% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAD998
- C1DEA4
- C9E2AF
- D0E6BB
- D8EAC6
- E0EFD1
- E8F3DD
- EFF7E8
- F7FBF4
Odcienie ciemniejsze
- 9AB979
- 839E67
- 6D8355
- 576A43
- 435133
- 2F3A23
- 1D2414
- 0C1007
- 010201
Tony
- ADCC8B
- A8C48B
- A3BB8A
- 9EB289
- 99AA88
- 94A186
- 8F9985
- 8A9183
- 858882
Harmonie kolorów
Komplementarna +180°
- B2D58C
Fresh Lettuce
- DBB5FB
≈ Light Violet
Analogowa -30° +30°
- B2D58C
Fresh Lettuce
- D8C977
≈ March Tulip Green
- 89DCAF
≈ Jovial Jade
Triada +120° +240°
- B2D58C
Fresh Lettuce
- 9BCCFF
≈ Apocyan
- FFADBA
≈ Poodle Skirt
Komplementarna rozszczepiona +150° +210°
- B2D58C
Fresh Lettuce
- BBC2FF
≈ Light Periwinkle
- F5ADDD
≈ Hanami Pink
Tetrada +90° +180° +270°
- B2D58C
Fresh Lettuce
- 71D7F5
≈ Heisenberg Blue
- DBB5FB
≈ Light Violet
- FFB298
≈ Prairie Sunset
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.78:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-lettuce: #b2d58c;
--fresh-lettuce-rgb: 178 213 140;
--fresh-lettuce-oklch: oklch(0.83 0.104 129.3);
}
.element {
color: var(--fresh-lettuce);
background-color: hsl(89 46% 69%);
border-color: oklch(0.83 0.104 129.3);
}Tailwind CSS v4
@theme {
--color-fresh-lettuce: #b2d58c;
--color-fresh-lettuce-50: #ebfcdd;
--color-fresh-lettuce-100: #dcf0cc;
--color-fresh-lettuce-200: #c5deb0;
--color-fresh-lettuce-300: #a5c38b;
--color-fresh-lettuce-400: #8bab68;
--color-fresh-lettuce-500: #709345;
--color-fresh-lettuce-600: #5f7d3b;
--color-fresh-lettuce-700: #4c642f;
--color-fresh-lettuce-800: #38491f;
--color-fresh-lettuce-900: #273315;
--color-fresh-lettuce-950: #151e06;
}SCSS
$fresh-lettuce: #b2d58c;
$fresh-lettuce-rgb: 178, 213, 140;
$fresh-lettuce-light: mix(#fff, $fresh-lettuce, 20%);
$fresh-lettuce-dark: mix(#000, $fresh-lettuce, 20%);
.element {
color: $fresh-lettuce;
box-shadow: 0 0 0 2px rgba($fresh-lettuce, 0.35);
}