Adlandırılmış renk · #B0DFA4
Green Gooseberry
Green Gooseberry, #B0DFA4: rgb(176 223 164), hsl(108 48% 76%), oklch(0.856 0.094 139.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Gooseberry color name →
#B0DFA4
oklch(0.856 0.094 139.3)
Renk dönüşümleri
- HEX
- #b0dfa4
- RGB
- rgb(176 223 164)
- HSL
- hsl(108 48% 76%)
- HWB
- hwb(108 64% 13%)
- OKLCH
- oklch(0.856 0.094 139.3)
- OKLab
- oklab(0.856 -0.071 0.061)
- CIE Lab
- lab(84.39 -24 23.85)
- LCH
- lch(84.39 33.83 135.2)
- CMYK
- cmyk(21% 0% 26% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8E2AD
- C0E6B6
- C8E9BF
- D0ECC9
- D8EFD2
- E0F3DB
- E7F6E4
- EFF9ED
- F7FCF6
Koyu tonlar
- 99C28E
- 82A579
- 6C8A64
- 566F50
- 42563D
- 2E3D2B
- 1C271A
- 0B120A
- 010201
Gri tonlar
- ABD5A1
- A7CB9D
- A2C29A
- 9DB896
- 98AF93
- 93A58F
- 8F9C8B
- 8A9288
- 858984
Renk uyumları
Tamamlayıcı +180°
- B0DFA4
Green Gooseberry
- EBBCF7
≈ Lovecloud
Analog -30° +30°
- B0DFA4
Green Gooseberry
- D4D58C
≈ Golden Delicious
- 8FE4C5
≈ Bubble Algae
Üçlü +120° +240°
- B0DFA4
Green Gooseberry
- B4D1FF
≈ Ice Cold Stare
- FFBCBB
≈ Peach Scone
Bölünmüş tamamlayıcı +150° +210°
- B0DFA4
Green Gooseberry
- CEC8FF
≈ Innocent Snowdrop
- FFB7D9
≈ Candy Bar
Dörtlü +90° +180° +270°
- B0DFA4
Green Gooseberry
- 8FDBFF
≈ Tranquil Pool
- EBBCF7
≈ Lovecloud
- FFBF9D
≈ Blushing Cinnamon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.93:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-gooseberry: #b0dfa4;
--green-gooseberry-rgb: 176 223 164;
--green-gooseberry-oklch: oklch(0.856 0.094 139.3);
}
.element {
color: var(--green-gooseberry);
background-color: hsl(108 48% 76%);
border-color: oklch(0.856 0.094 139.3);
}Tailwind CSS v4
@theme {
--color-green-gooseberry: #b0dfa4;
--color-green-gooseberry-50: #e7fce4;
--color-green-gooseberry-100: #d7f0d3;
--color-green-gooseberry-200: #bfdfba;
--color-green-gooseberry-300: #9dc497;
--color-green-gooseberry-400: #82ac77;
--color-green-gooseberry-500: #659558;
--color-green-gooseberry-600: #557e4b;
--color-green-gooseberry-700: #44653c;
--color-green-gooseberry-800: #324a29;
--color-green-gooseberry-900: #22331c;
--color-green-gooseberry-950: #111f0c;
}SCSS
$green-gooseberry: #b0dfa4;
$green-gooseberry-rgb: 176, 223, 164;
$green-gooseberry-light: mix(#fff, $green-gooseberry, 20%);
$green-gooseberry-dark: mix(#000, $green-gooseberry, 20%);
.element {
color: $green-gooseberry;
box-shadow: 0 0 0 2px rgba($green-gooseberry, 0.35);
}