Nazwany kolor · #B3CEAB
Gio Ponti Green
Gio Ponti Green to #B3CEAB: rgb(179 206 171), hsl(106 26% 74%), oklch(0.822 0.056 138.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gio Ponti Green color name →
#B3CEAB
oklch(0.822 0.056 138.6)
Konwersje koloru
- HEX
- #b3ceab
- RGB
- rgb(179 206 171)
- HSL
- hsl(106 26% 74%)
- HWB
- hwb(106 67% 19%)
- OKLCH
- oklch(0.822 0.056 138.6)
- OKLab
- oklab(0.822 -0.042 0.037)
- CIE Lab
- lab(80.04 -14.26 14.31)
- LCH
- lch(80.04 20.2 134.9)
- CMYK
- cmyk(13% 0% 17% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAD3B3
- C2D8BC
- C9DDC4
- D1E2CC
- D9E6D5
- E0EBDD
- E8F0E5
- F0F5EE
- F7FAF6
Odcienie ciemniejsze
- 9BB394
- 84987E
- 6E7F68
- 586654
- 434E40
- 2F382D
- 1D231B
- 0C0F0B
- 010201
Tony
- AEC6A7
- A9BEA2
- A4B69E
- 9EAE9A
- 99A695
- 949F91
- 8F978D
- 8A8F89
- 858884
Harmonie kolorów
Komplementarna +180°
- B3CEAB
Gio Ponti Green
- D5BADD
≈ Plum Point
Analogowa -30° +30°
- B3CEAB
Gio Ponti Green
- C7C89E
≈ Paris Mint
- A2D1BE
≈ Flowering Cactus
Triada +120° +240°
- B3CEAB
Gio Ponti Green
- AFC6EA
≈ Promise Keeping
- E7B7B7
≈ Bistro Pink
Komplementarna rozszczepiona +150° +210°
- B3CEAB
Gio Ponti Green
- C3C0E8
≈ Violet Gems
- E2B6CB
≈ Muddy Mauve
Tetrada +90° +180° +270°
- B3CEAB
Gio Ponti Green
- 9FCCE2
≈ Endless Blue
- D5BADD
≈ Plum Point
- E4BBA5
≈ Starfish
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.33:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--gio-ponti-green: #b3ceab;
--gio-ponti-green-rgb: 179 206 171;
--gio-ponti-green-oklch: oklch(0.822 0.056 138.6);
}
.element {
color: var(--gio-ponti-green);
background-color: hsl(106 26% 74%);
border-color: oklch(0.822 0.056 138.6);
}Tailwind CSS v4
@theme {
--color-gio-ponti-green: #b3ceab;
--color-gio-ponti-green-50: #edf9ea;
--color-gio-ponti-green-100: #deeddb;
--color-gio-ponti-green-200: #c8dbc4;
--color-gio-ponti-green-300: #a8bfa4;
--color-gio-ponti-green-400: #8ea787;
--color-gio-ponti-green-500: #748f6b;
--color-gio-ponti-green-600: #62795b;
--color-gio-ponti-green-700: #4e6149;
--color-gio-ponti-green-800: #394734;
--color-gio-ponti-green-900: #273123;
--color-gio-ponti-green-950: #151d12;
}SCSS
$gio-ponti-green: #b3ceab;
$gio-ponti-green-rgb: 179, 206, 171;
$gio-ponti-green-light: mix(#fff, $gio-ponti-green, 20%);
$gio-ponti-green-dark: mix(#000, $gio-ponti-green, 20%);
.element {
color: $gio-ponti-green;
box-shadow: 0 0 0 2px rgba($gio-ponti-green, 0.35);
}