Nazwany kolor · #98BD3C
Funky Frog
Funky Frog to #98BD3C: rgb(152 189 60), hsl(77 52% 49%), oklch(0.747 0.159 124.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Funky Frog color name →
#98BD3C
oklch(0.747 0.159 124.1)
Konwersje koloru
- HEX
- #98bd3c
- RGB
- rgb(152 189 60)
- HSL
- hsl(77 52% 49%)
- HWB
- hwb(77 24% 26%)
- OKLCH
- oklch(0.747 0.159 124.1)
- OKLab
- oklab(0.747 -0.089 0.132)
- CIE Lab
- lab(72.06 -26.53 57.68)
- LCH
- lch(72.06 63.49 114.7)
- CMYK
- cmyk(20% 0% 68% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2C456
- ACCB6B
- B6D17F
- C0D893
- CADFA5
- D4E5B7
- DFECC9
- EAF2DB
- F4F9ED
Odcienie ciemniejsze
- 84A433
- 708C2A
- 5C7421
- 4A5D19
- 384711
- 27330A
- 171F04
- 080D01
- 010200
Tony
- 96B748
- 93B152
- 91AB5A
- 8EA561
- 8C9F68
- 89996E
- 879373
- 858C78
- 82867C
Harmonie kolorów
Komplementarna +180°
- 98BD3C
Funky Frog
- C391FE
≈ Liliac
Analogowa -30° +30°
- 98BD3C
Funky Frog
- CDAA00
≈ Hot Sand
- 46C97D
≈ Paris Green
Triada +120° +240°
- 98BD3C
Funky Frog
- 53B5FF
≈ Tiān Lán Sky
- FD7DA1
≈ Pink Makeup
Komplementarna rozszczepiona +150° +210°
- 98BD3C
Funky Frog
- 94A6FF
≈ Widowmaker
- E883D6
≈ Blushed Bombshell
Tetrada +90° +180° +270°
- 98BD3C
Funky Frog
- 00C1DF
≈ Caribbean Blue
- C391FE
≈ Liliac
- FF8468
≈ Protein High
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.67:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--funky-frog: #98bd3c;
--funky-frog-rgb: 152 189 60;
--funky-frog-oklch: oklch(0.747 0.159 124.1);
}
.element {
color: var(--funky-frog);
background-color: hsl(77 52% 49%);
border-color: oklch(0.747 0.159 124.1);
}Tailwind CSS v4
@theme {
--color-funky-frog: #98bd3c;
--color-funky-frog-50: #eafecd;
--color-funky-frog-100: #daf2b9;
--color-funky-frog-200: #c3e196;
--color-funky-frog-300: #a3c669;
--color-funky-frog-400: #8bad34;
--color-funky-frog-500: #719600;
--color-funky-frog-600: #5f7f00;
--color-funky-frog-700: #4c6600;
--color-funky-frog-800: #394a00;
--color-funky-frog-900: #273300;
--color-funky-frog-950: #161f00;
}SCSS
$funky-frog: #98bd3c;
$funky-frog-rgb: 152, 189, 60;
$funky-frog-light: mix(#fff, $funky-frog, 20%);
$funky-frog-dark: mix(#000, $funky-frog, 20%);
.element {
color: $funky-frog;
box-shadow: 0 0 0 2px rgba($funky-frog, 0.35);
}