Nazwany kolor · #22BB11
Boboli Gardens
Boboli Gardens to #22BB11: rgb(34 187 17), hsl(114 83% 40%), oklch(0.69 0.226 141.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Boboli Gardens color name →
#22BB11
oklch(0.69 0.226 141.9)
Konwersje koloru
- HEX
- #22bb11
- RGB
- rgb(34 187 17)
- HSL
- hsl(114 83% 40%)
- HWB
- hwb(114 7% 27%)
- OKLCH
- oklch(0.69 0.226 141.9)
- OKLab
- oklab(0.69 -0.178 0.14)
- CIE Lab
- lab(66.53 -60.18 62.47)
- LCH
- lch(66.53 86.74 133.9)
- CMYK
- cmyk(82% 0% 91% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 48C33D
- 62CA58
- 79D16F
- 8DD885
- A1DF9A
- B5E6AF
- C7ECC3
- DAF3D7
- EDF9EB
Odcienie ciemniejsze
- 1CA20D
- 168A09
- 117306
- 0B5C04
- 074602
- 033201
- 011F00
- 000D00
- 000200
Tony
- 38B62D
- 47B03D
- 52AA4A
- 5CA554
- 649F5D
- 6B9965
- 71936D
- 768D74
- 7B867A
Harmonie kolorów
Komplementarna +180°
- 22BB11
Boboli Gardens
- D95FEC
≈ Clematis Magenta
Analogowa -30° +30°
- 22BB11
Boboli Gardens
- 9EA300
≈ Fistfull of Green
- 00B592
≈ Aloha
Triada +120° +240°
- 22BB11
Boboli Gardens
- 6198FF
≈ Blue Chaos
- FF5A60
≈ Fusion Red
Komplementarna rozszczepiona +150° +210°
- 22BB11
Boboli Gardens
- A082FF
≈ Periwinkle
- FC4CAA
≈ Barbie Pink
Tetrada +90° +180° +270°
- 22BB11
Boboli Gardens
- 00A9E3
≈ Huelveño Horizon
- D95FEC
≈ Clematis Magenta
- ED7400
≈ Supernatural Saffron
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.56:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.18:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--boboli-gardens: #22bb11;
--boboli-gardens-rgb: 34 187 17;
--boboli-gardens-oklch: oklch(0.69 0.226 141.9);
}
.element {
color: var(--boboli-gardens);
background-color: hsl(114 83% 40%);
border-color: oklch(0.69 0.226 141.9);
}Tailwind CSS v4
@theme {
--color-boboli-gardens: #22bb11;
--color-boboli-gardens-50: #ceffcc;
--color-boboli-gardens-100: #bafcb8;
--color-boboli-gardens-200: #96ed95;
--color-boboli-gardens-300: #64d466;
--color-boboli-gardens-400: #35bd29;
--color-boboli-gardens-500: #00a700;
--color-boboli-gardens-600: #008d00;
--color-boboli-gardens-700: #007100;
--color-boboli-gardens-800: #005300;
--color-boboli-gardens-900: #003a00;
--color-boboli-gardens-950: #002400;
}SCSS
$boboli-gardens: #22bb11;
$boboli-gardens-rgb: 34, 187, 17;
$boboli-gardens-light: mix(#fff, $boboli-gardens, 20%);
$boboli-gardens-dark: mix(#000, $boboli-gardens, 20%);
.element {
color: $boboli-gardens;
box-shadow: 0 0 0 2px rgba($boboli-gardens, 0.35);
}