Najbliższy nazwany kolor · #C0CA96
#C0CA96
Najbliższy nazwany kolor: Seedling
#C0CA96 (rgb(192 202 150), hsl(72 33% 69%), oklch(0.818 0.07 116.8)) jest najbliższy nazwanemu kolorowi Seedling. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C0CA96
oklch(0.818 0.07 116.8)
Konwersje koloru
- HEX
- #c0ca96
- RGB
- rgb(192 202 150)
- HSL
- hsl(72 33% 69%)
- HWB
- hwb(72 59% 21%)
- OKLCH
- oklch(0.818 0.07 116.8)
- OKLab
- oklab(0.818 -0.032 0.063)
- CIE Lab
- lab(79.57 -9.98 24.86)
- LCH
- lch(79.57 26.79 111.9)
- CMYK
- cmyk(5% 0% 26% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6CFA1
- CCD5AB
- D2DAB5
- D9DFC0
- DFE4CA
- E5EAD5
- ECEFDF
- F2F4EA
- F9FAF4
Odcienie ciemniejsze
- A7AF82
- 8E956E
- 767C5B
- 5F6449
- 494D37
- 343726
- 202216
- 0E0F08
- 020201
Tony
- B9C294
- B3BB92
- ACB390
- A6AC8E
- 9FA48C
- 999D8A
- 939687
- 8C8E85
- 868782
Harmonie kolorów
Komplementarna +180°
- C0CA96
Seedling
- C8BBEC
≈ Connecticut Lilac
Analogowa -30° +30°
- C0CA96
Seedling
- D7C18F
≈ Monument Green
- A6D0A9
≈ Mint Circle
Triada +120° +240°
- C0CA96
Seedling
- 98CBEC
≈ Fail Whale
- EAB1C4
≈ Fallen Blossoms
Komplementarna rozszczepiona +150° +210°
- C0CA96
Seedling
- AFC3F2
≈ Larkspur Bud
- DDB4DC
≈ French Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.12:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--seedling: #c0ca96;
--seedling-rgb: 192 202 150;
--seedling-oklch: oklch(0.818 0.07 116.8);
}
.element {
color: var(--seedling);
background-color: hsl(72 33% 69%);
border-color: oklch(0.818 0.07 116.8);
}Tailwind CSS v4
@theme {
--color-seedling: #c0ca96;
--color-seedling-50: #f3f8e2;
--color-seedling-100: #e5ecd2;
--color-seedling-200: #d1d9b8;
--color-seedling-300: #b3bd95;
--color-seedling-400: #9ba474;
--color-seedling-500: #838c55;
--color-seedling-600: #6f7749;
--color-seedling-700: #585f3a;
--color-seedling-800: #414528;
--color-seedling-900: #2d301b;
--color-seedling-950: #1a1c0b;
}SCSS
$seedling: #c0ca96;
$seedling-rgb: 192, 202, 150;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}