Nazwany kolor · #C0CBA1
Seedling
Seedling to #C0CBA1: rgb(192 203 161), hsl(76 29% 71%), oklch(0.823 0.058 119.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Seedling color name →
#C0CBA1
oklch(0.823 0.058 119.6)
Konwersje koloru
- HEX
- #c0cba1
- RGB
- rgb(192 203 161)
- HSL
- hsl(76 29% 71%)
- HWB
- hwb(76 63% 20%)
- OKLCH
- oklch(0.823 0.058 119.6)
- OKLab
- oklab(0.823 -0.029 0.05)
- CIE Lab
- lab(80.01 -9.26 19.71)
- LCH
- lch(80.01 21.78 115.2)
- CMYK
- cmyk(5% 0% 21% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6D0AA
- CCD5B4
- D2DBBD
- D9E0C6
- DFE5D0
- E5EAD9
- ECEFE3
- F2F5EC
- F9FAF5
Odcienie ciemniejsze
- A7B08B
- 8E9676
- 767D62
- 5F654E
- 494D3C
- 34372A
- 202219
- 0E0F09
- 020201
Tony
- B9C39E
- B3BC9B
- ACB497
- A6AC94
- 9FA591
- 999D8E
- 93968A
- 8C8F87
- 868783
Harmonie kolorów
Komplementarna +180°
- C0CBA1
Seedling
- CABDE6
≈ Drifting Dream
Analogowa -30° +30°
- C0CBA1
Seedling
- D4C49A
≈ Champagne Beige
- ABD0B1
≈ Pastel Mint Green
Triada +120° +240°
- C0CBA1
Seedling
- A3CBE7
≈ Template
- E6B6C4
≈ Japanese Rose Garden
Komplementarna rozszczepiona +150° +210°
- C0CBA1
Seedling
- B6C4EC
≈ Canterbury Bells
- DBB8D7
≈ French Lilac
Tetrada +90° +180° +270°
- C0CBA1
Seedling
- 99D0DA
≈ Tenzing
- CABDE6
≈ Drifting Dream
- E8B8AF
≈ Rachel Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.29:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--seedling: #c0cba1;
--seedling-rgb: 192 203 161;
--seedling-oklch: oklch(0.823 0.058 119.6);
}
.element {
color: var(--seedling);
background-color: hsl(76 29% 71%);
border-color: oklch(0.823 0.058 119.6);
}Tailwind CSS v4
@theme {
--color-seedling: #c0cba1;
--color-seedling-50: #f2f8e6;
--color-seedling-100: #e4ebd6;
--color-seedling-200: #d0d9bd;
--color-seedling-300: #b2bd9c;
--color-seedling-400: #9aa47d;
--color-seedling-500: #818c60;
--color-seedling-600: #6d7752;
--color-seedling-700: #575f41;
--color-seedling-800: #41452e;
--color-seedling-900: #2c301f;
--color-seedling-950: #1a1c0f;
}SCSS
$seedling: #c0cba1;
$seedling-rgb: 192, 203, 161;
$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);
}