En yakın adlandırılmış renk · #C0CA96
#C0CA96
En yakın adlandırılmış renk: Seedling
#C0CA96 (rgb(192 202 150), hsl(72 33% 69%), oklch(0.818 0.07 116.8)) en çok Seedling adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C0CA96
oklch(0.818 0.07 116.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6CFA1
- CCD5AB
- D2DAB5
- D9DFC0
- DFE4CA
- E5EAD5
- ECEFDF
- F2F4EA
- F9FAF4
Koyu tonlar
- A7AF82
- 8E956E
- 767C5B
- 5F6449
- 494D37
- 343726
- 202216
- 0E0F08
- 020201
Gri tonlar
- B9C294
- B3BB92
- ACB390
- A6AC8E
- 9FA48C
- 999D8A
- 939687
- 8C8E85
- 868782
Renk uyumları
Tamamlayıcı +180°
- C0CA96
Seedling
- C8BBEC
≈ Connecticut Lilac
Analog -30° +30°
- C0CA96
Seedling
- D7C18F
≈ Monument Green
- A6D0A9
≈ Mint Circle
Üçlü +120° +240°
- C0CA96
Seedling
- 98CBEC
≈ Fail Whale
- EAB1C4
≈ Fallen Blossoms
Bölünmüş tamamlayıcı +150° +210°
- C0CA96
Seedling
- AFC3F2
≈ Larkspur Bud
- DDB4DC
≈ French Lilac
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.12:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
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);
}