Najbliższy nazwany kolor · #9ECBA6
#9ECBA6
Najbliższy nazwany kolor: Limestoned
#9ECBA6 (rgb(158 203 166), hsl(131 30% 71%), oklch(0.8 0.07 149.9)) jest najbliższy nazwanemu kolorowi Limestoned. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9ECBA6
oklch(0.8 0.07 149.9)
Konwersje koloru
- HEX
- #9ecba6
- RGB
- rgb(158 203 166)
- HSL
- hsl(131 30% 71%)
- HWB
- hwb(131 62% 20%)
- OKLCH
- oklch(0.8 0.07 149.9)
- OKLab
- oklab(0.8 -0.061 0.035)
- CIE Lab
- lab(77.72 -20.87 13.48)
- LCH
- lch(77.72 24.85 147.1)
- CMYK
- cmyk(22% 0% 18% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8D0AF
- B1D5B7
- BBDBC0
- C5E0C9
- CEE5D2
- D8EADB
- E2EFE4
- ECF5ED
- F5FAF6
Odcienie ciemniejsze
- 89B090
- 74967A
- 607D65
- 4D6551
- 3A4D3E
- 29372B
- 18221A
- 090F0A
- 010201
Tony
- 9BC3A2
- 98BC9E
- 96B49B
- 93AC97
- 90A593
- 8D9D8F
- 8A968B
- 868F88
- 838784
Harmonie kolorów
Komplementarna +180°
- 9ECBA6
Limestoned
- D8AED4
≈ Violet Vamp
Analogowa -30° +30°
- 9ECBA6
Limestoned
- B8C592
≈ Misty Valley
- 8BCDBF
≈ Deco-Rate
Triada +120° +240°
- 9ECBA6
Limestoned
- ACBCEC
≈ Perano
- E8ADA3
≈ Rose Linen
Komplementarna rozszczepiona +150° +210°
- 9ECBA6
Limestoned
- C4B4E5
≈ Purple Sand
- E5ABBC
≈ Sekichiku Pink
Tetrada +90° +180° +270°
- 9ECBA6
Limestoned
- 94C4E7
≈ Astral Spirit
- D8AED4
≈ Violet Vamp
- E0B490
≈ Sonora Apricot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.54:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--limestoned: #9ecba6;
--limestoned-rgb: 158 203 166;
--limestoned-oklch: oklch(0.8 0.07 149.9);
}
.element {
color: var(--limestoned);
background-color: hsl(131 30% 71%);
border-color: oklch(0.8 0.07 149.9);
}Tailwind CSS v4
@theme {
--color-limestoned: #9ecba6;
--color-limestoned-50: #e7fbeb;
--color-limestoned-100: #d7efdd;
--color-limestoned-200: #bfddc6;
--color-limestoned-300: #9dc2a6;
--color-limestoned-400: #81ab89;
--color-limestoned-500: #64946d;
--color-limestoned-600: #557d5d;
--color-limestoned-700: #44644a;
--color-limestoned-800: #314934;
--color-limestoned-900: #223324;
--color-limestoned-950: #111e13;
}SCSS
$limestoned: #9ecba6;
$limestoned-rgb: 158, 203, 166;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}