Colore con nome · #C1CAB7
Jade Light Green
Jade Light Green è #C1CAB7: rgb(193 202 183), hsl(88 15% 75%), oklch(0.827 0.028 127.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Jade Light Green color name →
#C1CAB7
oklch(0.827 0.028 127.8)
Conversioni di colore
- HEX
- #c1cab7
- RGB
- rgb(193 202 183)
- HSL
- hsl(88 15% 75%)
- HWB
- hwb(88 72% 21%)
- OKLCH
- oklch(0.827 0.028 127.8)
- OKLab
- oklab(0.827 -0.017 0.022)
- CIE Lab
- lab(80.22 -5.76 8.41)
- LCH
- lch(80.22 10.19 124.4)
- CMYK
- cmyk(4% 0% 9% 21%)
Tinte · Ombre · Toni
Tinte
- C7CFBE
- CDD4C5
- D3DACC
- D9DFD3
- E0E4DB
- E6EAE2
- ECEFE9
- F2F4F0
- F9FAF8
Ombre
- A7AF9F
- 8F9587
- 777C70
- 5F645A
- 494D45
- 343731
- 20221E
- 0E0F0C
- 020202
Toni
- BAC2B1
- B4BBAC
- ADB3A6
- A6ACA1
- A0A49B
- 999D96
- 939690
- 8D8E8B
- 868785
Armonie di colore
Complementare +180°
- C1CAB7
Jade Light Green
- CBC2D5
≈ Powder Viola
Analogo -30° +30°
- C1CAB7
Jade Light Green
- CBC7B3
≈ Ocean Foam
- B8CCBF
≈ Organza Green
Triadico +120° +240°
- C1CAB7
Jade Light Green
- B9C8D8
≈ Powder Soft Blue
- D7BFC3
≈ Elusive Violet
Complementare divisa +150° +210°
- C1CAB7
Jade Light Green
- C1C5D9
≈ Tulip Soft Blue
- D3C0CD
≈ Bassinet
Tetradico +90° +180° +270°
- C1CAB7
Jade Light Green
- B3CBD2
≈ April Tears
- CBC2D5
≈ Powder Viola
- D7C1BA
≈ Country Cottage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.39:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--jade-light-green: #c1cab7;
--jade-light-green-rgb: 193 202 183;
--jade-light-green-oklch: oklch(0.827 0.028 127.8);
}
.element {
color: var(--jade-light-green);
background-color: hsl(88 15% 75%);
border-color: oklch(0.827 0.028 127.8);
}Tailwind CSS v4
@theme {
--color-jade-light-green: #c1cab7;
--color-jade-light-green-50: #f2f7ef;
--color-jade-light-green-100: #e5eae0;
--color-jade-light-green-200: #d0d7ca;
--color-jade-light-green-300: #b3baac;
--color-jade-light-green-400: #9aa290;
--color-jade-light-green-500: #818a76;
--color-jade-light-green-600: #6d7564;
--color-jade-light-green-700: #575d50;
--color-jade-light-green-800: #40443a;
--color-jade-light-green-900: #2c2f28;
--color-jade-light-green-950: #191c16;
}SCSS
$jade-light-green: #c1cab7;
$jade-light-green-rgb: 193, 202, 183;
$jade-light-green-light: mix(#fff, $jade-light-green, 20%);
$jade-light-green-dark: mix(#000, $jade-light-green, 20%);
.element {
color: $jade-light-green;
box-shadow: 0 0 0 2px rgba($jade-light-green, 0.35);
}