Nazwany kolor · #B3D5C0
Ginninderra
Ginninderra to #B3D5C0: rgb(179 213 192), hsl(143 29% 77%), oklch(0.842 0.046 158.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Ginninderra color name →
#B3D5C0
oklch(0.842 0.046 158.1)
Konwersje koloru
- HEX
- #b3d5c0
- RGB
- rgb(179 213 192)
- HSL
- hsl(143 29% 77%)
- HWB
- hwb(143 70% 16%)
- OKLCH
- oklch(0.842 0.046 158.1)
- OKLab
- oklab(0.842 -0.043 0.017)
- CIE Lab
- lab(82.34 -14.75 6.47)
- LCH
- lch(82.34 16.11 156.3)
- CMYK
- cmyk(16% 0% 10% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BBD9C6
- C2DDCC
- CAE2D3
- D1E6D9
- D9EADF
- E1EEE5
- E8F2EC
- F0F7F2
- F7FBF9
Odcienie ciemniejsze
- 9BB9A7
- 849E8E
- 6E8376
- 586A5F
- 435149
- 2F3A34
- 1D2420
- 0C100E
- 010202
Tony
- AECCB9
- A9C3B3
- A4BBAC
- 9FB2A6
- 9AAA9F
- 94A199
- 8F9993
- 8A908C
- 858886
Harmonie kolorów
Komplementarna +180°
- B3D5C0
Ginninderra
- E0C0D6
≈ Plum Taffy
Analogowa -30° +30°
- B3D5C0
Ginninderra
- C2D2B2
≈ Hidden Hills
- AAD6D1
≈ Eton Blue
Triada +120° +240°
- B3D5C0
Ginninderra
- C4C9EA
≈ Powdered Granite
- E7C2B6
≈ Antoinette Pink
Komplementarna rozszczepiona +150° +210°
- B3D5C0
Ginninderra
- D4C4E3
≈ Foggy Love
- E7BFC5
≈ Sweet Blush
Tetrada +90° +180° +270°
- B3D5C0
Ginninderra
- B4CFE9
≈ Morality
- E0C0D6
≈ Plum Taffy
- E0C6AC
≈ Larb Gai
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.19:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--ginninderra: #b3d5c0;
--ginninderra-rgb: 179 213 192;
--ginninderra-oklch: oklch(0.842 0.046 158.1);
}
.element {
color: var(--ginninderra);
background-color: hsl(143 29% 77%);
border-color: oklch(0.842 0.046 158.1);
}Tailwind CSS v4
@theme {
--color-ginninderra: #b3d5c0;
--color-ginninderra-50: #eaf9f1;
--color-ginninderra-100: #dbede3;
--color-ginninderra-200: #c4dbce;
--color-ginninderra-300: #a4bfaf;
--color-ginninderra-400: #88a794;
--color-ginninderra-500: #6c907b;
--color-ginninderra-600: #5c7a68;
--color-ginninderra-700: #496153;
--color-ginninderra-800: #35473c;
--color-ginninderra-900: #243129;
--color-ginninderra-950: #131d17;
}SCSS
$ginninderra: #b3d5c0;
$ginninderra-rgb: 179, 213, 192;
$ginninderra-light: mix(#fff, $ginninderra, 20%);
$ginninderra-dark: mix(#000, $ginninderra, 20%);
.element {
color: $ginninderra;
box-shadow: 0 0 0 2px rgba($ginninderra, 0.35);
}