Colore con nome · #73B683
Frog Pond
Frog Pond è #73B683: rgb(115 182 131), hsl(134 31% 58%), oklch(0.718 0.101 150.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Frog Pond color name →
#73B683
oklch(0.718 0.101 150.8)
Conversioni di colore
- HEX
- #73b683
- RGB
- rgb(115 182 131)
- HSL
- hsl(134 31% 58%)
- HWB
- hwb(134 45% 29%)
- OKLCH
- oklch(0.718 0.101 150.8)
- OKLab
- oklab(0.718 -0.088 0.049)
- CIE Lab
- lab(68.55 -30.46 19.06)
- LCH
- lch(68.55 35.93 148)
- CMYK
- cmyk(37% 0% 28% 29%)
Tinte · Ombre · Toni
Tinte
- 82BD8F
- 90C59B
- 9ECCA7
- ACD3B4
- BADBC0
- C7E2CC
- D5E9D9
- E3F0E6
- F1F8F2
Ombre
- 639E71
- 548660
- 456F4F
- 36593F
- 28442F
- 1B3020
- 0F1D12
- 050C06
- 010201
Toni
- 75B183
- 77AB83
- 79A683
- 7BA082
- 7C9B82
- 7D9682
- 7E9081
- 7F8B81
- 7F8581
Armonie di colore
Complementare +180°
- 73B683
Frog Pond
- C88CC1
≈ Rock Star Pink
Analogo -30° +30°
- 73B683
Frog Pond
- 9BAE64
≈ Herbal Garden
- 4FB9A7
≈ Green Fluorite
Triadico +120° +240°
- 73B683
Frog Pond
- 8CA0E4
≈ Blue Cue
- DC8C7D
≈ Graceful Ballerina
Complementare divisa +150° +210°
- 73B683
Frog Pond
- AE95D9
≈ Biloba Flower
- D889A0
≈ Reflecting Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.74:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--frog-pond: #73b683;
--frog-pond-rgb: 115 182 131;
--frog-pond-oklch: oklch(0.718 0.101 150.8);
}
.element {
color: var(--frog-pond);
background-color: hsl(134 31% 58%);
border-color: oklch(0.718 0.101 150.8);
}Tailwind CSS v4
@theme {
--color-frog-pond: #73b683;
--color-frog-pond-50: #e0fee8;
--color-frog-pond-100: #d0f2d8;
--color-frog-pond-200: #b4e1c0;
--color-frog-pond-300: #90c79f;
--color-frog-pond-400: #71b07f;
--color-frog-pond-500: #4e9963;
--color-frog-pond-600: #438154;
--color-frog-pond-700: #366843;
--color-frog-pond-800: #274c2e;
--color-frog-pond-900: #1a351f;
--color-frog-pond-950: #0a200f;
}SCSS
$frog-pond: #73b683;
$frog-pond-rgb: 115, 182, 131;
$frog-pond-light: mix(#fff, $frog-pond, 20%);
$frog-pond-dark: mix(#000, $frog-pond, 20%);
.element {
color: $frog-pond;
box-shadow: 0 0 0 2px rgba($frog-pond, 0.35);
}