Nazwany kolor · #629B92
Goose Pond Green
Goose Pond Green to #629B92: rgb(98 155 146), hsl(171 23% 50%), oklch(0.647 0.062 183.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Goose Pond Green color name →
#629B92
oklch(0.647 0.062 183.3)
Konwersje koloru
- HEX
- #629b92
- RGB
- rgb(98 155 146)
- HSL
- hsl(171 23% 50%)
- HWB
- hwb(171 38% 39%)
- OKLCH
- oklch(0.647 0.062 183.3)
- OKLab
- oklab(0.647 -0.062 -0.004)
- CIE Lab
- lab(59.85 -21.13 -1.51)
- LCH
- lch(59.85 21.18 184.1)
- CMYK
- cmyk(37% 0% 6% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 72A59C
- 82AEA7
- 91B8B1
- A1C2BC
- B0CCC7
- C0D6D2
- D0E0DD
- DFEAE8
- EFF5F4
Odcienie ciemniejsze
- 54867E
- 47726B
- 3A5E58
- 2D4B46
- 213935
- 162825
- 0B1816
- 030908
- 000101
Tony
- 669890
- 6A968E
- 6D938D
- 70908B
- 738E89
- 768B87
- 798885
- 7B8684
- 7E8382
Harmonie kolorów
Komplementarna +180°
- 629B92
Goose Pond Green
- AF7F8A
≈ Audrey’s Blush
Analogowa -30° +30°
- 629B92
Goose Pond Green
- 719A7D
≈ Precious Oxley
- 6199A5
≈ Frost Blue
Triada +120° +240°
- 629B92
Goose Pond Green
- 9686AE
≈ Celeb City
- AA8767
≈ Caramel Sundae
Komplementarna rozszczepiona +150° +210°
- 629B92
Goose Pond Green
- A6819E
≈ Amazonian Orchid
- B18176
≈ Sauvignon Blanc
Tetrada +90° +180° +270°
- 629B92
Goose Pond Green
- 828CB5
≈ Skysail Blue
- AF7F8A
≈ Audrey’s Blush
- 9B8E63
≈ Tate Olive
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.62:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--goose-pond-green: #629b92;
--goose-pond-green-rgb: 98 155 146;
--goose-pond-green-oklch: oklch(0.647 0.062 183.3);
}
.element {
color: var(--goose-pond-green);
background-color: hsl(171 23% 50%);
border-color: oklch(0.647 0.062 183.3);
}Tailwind CSS v4
@theme {
--color-goose-pond-green: #629b92;
--color-goose-pond-green-50: #e3fbf7;
--color-goose-pond-green-100: #d2efeb;
--color-goose-pond-green-200: #b8ddd8;
--color-goose-pond-green-300: #94c2bc;
--color-goose-pond-green-400: #75aba2;
--color-goose-pond-green-500: #54948a;
--color-goose-pond-green-600: #487d75;
--color-goose-pond-green-700: #39645d;
--color-goose-pond-green-800: #294944;
--color-goose-pond-green-900: #1b332f;
--color-goose-pond-green-950: #0b1f1b;
}SCSS
$goose-pond-green: #629b92;
$goose-pond-green-rgb: 98, 155, 146;
$goose-pond-green-light: mix(#fff, $goose-pond-green, 20%);
$goose-pond-green-dark: mix(#000, $goose-pond-green, 20%);
.element {
color: $goose-pond-green;
box-shadow: 0 0 0 2px rgba($goose-pond-green, 0.35);
}