Nazwany kolor · #98AB8C
Banyan Serenity
Banyan Serenity to #98AB8C: rgb(152 171 140), hsl(97 16% 61%), oklch(0.718 0.049 133.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Banyan Serenity color name →
#98AB8C
oklch(0.718 0.049 133.3)
Konwersje koloru
- HEX
- #98ab8c
- RGB
- rgb(152 171 140)
- HSL
- hsl(97 16% 61%)
- HWB
- hwb(97 55% 33%)
- OKLCH
- oklch(0.718 0.049 133.3)
- OKLab
- oklab(0.718 -0.033 0.035)
- CIE Lab
- lab(67.85 -11.24 13.7)
- LCH
- lch(67.85 17.72 129.4)
- CMYK
- cmyk(11% 0% 18% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2B397
- ACBBA2
- B6C4AD
- C0CCB9
- CAD4C4
- D5DDD0
- DFE5DB
- EAEEE7
- F4F6F3
Odcienie ciemniejsze
- 849479
- 707E67
- 5C6855
- 4A5443
- 384033
- 272D23
- 171B14
- 080B07
- 010101
Tony
- 96A78B
- 93A28A
- 919E89
- 8E9A87
- 8C9586
- 8A9185
- 878D84
- 858883
- 828481
Harmonie kolorów
Komplementarna +180°
- 98AB8C
Banyan Serenity
- AF9BBA
≈ Purple Springs
Analogowa -30° +30°
- 98AB8C
Banyan Serenity
- A9A683
≈ Neutral Green
- 89AE9B
≈ Pale Willow
Triada +120° +240°
- 98AB8C
Banyan Serenity
- 8FA6C2
≈ Frills
- C1989B
≈ Rose Meadow
Komplementarna rozszczepiona +150° +210°
- 98AB8C
Banyan Serenity
- 9FA1C2
≈ Ruffled Iris
- BB98AC
≈ Classy Mauve
Tetrada +90° +180° +270°
- 98AB8C
Banyan Serenity
- 83ABBB
≈ Summerhouse Blue
- AF9BBA
≈ Purple Springs
- BF9B8C
≈ Coquina Shell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.53:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--banyan-serenity: #98ab8c;
--banyan-serenity-rgb: 152 171 140;
--banyan-serenity-oklch: oklch(0.718 0.049 133.3);
}
.element {
color: var(--banyan-serenity);
background-color: hsl(97 16% 61%);
border-color: oklch(0.718 0.049 133.3);
}Tailwind CSS v4
@theme {
--color-banyan-serenity: #98ab8c;
--color-banyan-serenity-50: #eff9eb;
--color-banyan-serenity-100: #e1ecdc;
--color-banyan-serenity-200: #cbd9c5;
--color-banyan-serenity-300: #adbda5;
--color-banyan-serenity-400: #93a588;
--color-banyan-serenity-500: #798e6c;
--color-banyan-serenity-600: #67785c;
--color-banyan-serenity-700: #526049;
--color-banyan-serenity-800: #3c4634;
--color-banyan-serenity-900: #293024;
--color-banyan-serenity-950: #171d13;
}SCSS
$banyan-serenity: #98ab8c;
$banyan-serenity-rgb: 152, 171, 140;
$banyan-serenity-light: mix(#fff, $banyan-serenity, 20%);
$banyan-serenity-dark: mix(#000, $banyan-serenity, 20%);
.element {
color: $banyan-serenity;
box-shadow: 0 0 0 2px rgba($banyan-serenity, 0.35);
}