Dichtstbijzijnde benoemde kleur · #9CBF9C
#9CBF9C
Dichtstbijzijnde benoemde kleur: Limestoned
#9CBF9C (rgb(156 191 156), hsl(120 21% 68%), oklch(0.769 0.062 144.9)) komt het dichtst bij de benoemde kleur Limestoned. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9CBF9C
oklch(0.769 0.062 144.9)
Kleurconversies
- HEX
- #9cbf9c
- RGB
- rgb(156 191 156)
- HSL
- hsl(120 21% 68%)
- HWB
- hwb(120 61% 25%)
- OKLCH
- oklch(0.769 0.062 144.9)
- OKLab
- oklab(0.769 -0.051 0.036)
- CIE Lab
- lab(74.04 -17.32 13.67)
- LCH
- lch(74.04 22.07 141.7)
- CMYK
- cmyk(18% 0% 18% 25%)
Tinten · Schaduwen · Tonen
Tinten
- A6C5A6
- AFCCAF
- B9D2B9
- C3D8C3
- CDDFCD
- D7E5D7
- E1ECE1
- EBF2EB
- F5F9F5
Schaduwen
- 87A687
- 738D73
- 5F755F
- 4C5E4C
- 394839
- 283328
- 181F18
- 090D09
- 010201
Tonen
- 99B999
- 97B296
- 94AC94
- 91A591
- 8E9F8E
- 8C998B
- 899389
- 868C86
- 838683
Kleurharmonieën
Complementair +180°
- 9CBF9C
Limestoned
- C9A7CA
≈ Catmint
Analoog -30° +30°
- 9CBF9C
Limestoned
- B2B98C
≈ Secret Glade
- 8AC1B2
≈ Seaborn
Triadisch +120° +240°
- 9CBF9C
Limestoned
- A1B4DD
≈ Myrtle Flower
- D9A5A0
≈ Mellow Rose
Gesplitst complementair +150° +210°
- 9CBF9C
Limestoned
- B6ADD8
≈ Purple Hibiscus
- D5A4B6
≈ Gizmo
Tetradisch +90° +180° +270°
- 9CBF9C
Limestoned
- 8EBBD6
≈ Simply Posh
- C9A7CA
≈ Catmint
- D4AA8F
≈ Regina Peach
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.34:1 · APCA Lc 63
Beste tekstkleur: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Codefragmenten
CSS
:root {
--limestoned: #9cbf9c;
--limestoned-rgb: 156 191 156;
--limestoned-oklch: oklch(0.769 0.062 144.9);
}
.element {
color: var(--limestoned);
background-color: hsl(120 21% 68%);
border-color: oklch(0.769 0.062 144.9);
}Tailwind CSS v4
@theme {
--color-limestoned: #9cbf9c;
--color-limestoned-50: #eafaeb;
--color-limestoned-100: #dbeedc;
--color-limestoned-200: #c4dcc5;
--color-limestoned-300: #a3c1a5;
--color-limestoned-400: #88a988;
--color-limestoned-500: #6c916d;
--color-limestoned-600: #5c7b5c;
--color-limestoned-700: #49624a;
--color-limestoned-800: #364834;
--color-limestoned-900: #253224;
--color-limestoned-950: #131e13;
}SCSS
$limestoned: #9cbf9c;
$limestoned-rgb: 156, 191, 156;
$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);
}