Colore con nome · #C7DC68
Dry Seedlings
Dry Seedlings è #C7DC68: rgb(199 220 104), hsl(71 62% 64%), oklch(0.855 0.144 118.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Dry Seedlings color name →
#C7DC68
oklch(0.855 0.144 118.1)
Conversioni di colore
- HEX
- #c7dc68
- RGB
- rgb(199 220 104)
- HSL
- hsl(71 62% 64%)
- HWB
- hwb(71 41% 14%)
- OKLCH
- oklch(0.855 0.144 118.1)
- OKLab
- oklab(0.855 -0.068 0.127)
- CIE Lab
- lab(84.41 -19.52 53.55)
- LCH
- lch(84.41 57 110)
- CMYK
- cmyk(10% 0% 53% 14%)
Tinte · Ombre · Toni
Tinte
- CCE07A
- D2E48A
- D7E79A
- DDEBA9
- E2EEB8
- E8F2C7
- EEF5D5
- F3F9E3
- F9FCF1
Ombre
- ADBF59
- 93A34B
- 7A883E
- 626E30
- 4C5424
- 363C18
- 21260C
- 0E1104
- 020200
Toni
- C0D36D
- B8C971
- B1C075
- AAB777
- A2AE7A
- 9BA47C
- 949B7D
- 8D927F
- 87897F
Armonie di colore
Complementare +180°
- C7DC68
Dry Seedlings
- D6C4FF
≈ Innocent Snowdrop
Analogo -30° +30°
- C7DC68
Dry Seedlings
- F6C952
≈ Go Bananas
- 89E999
≈ Ragweed
Triadico +120° +240°
- C7DC68
Dry Seedlings
- 9DD8FF
≈ Shiva Blue
- FFB8CF
≈ Baby Pink
Complementare divisa +150° +210°
- C7DC68
Dry Seedlings
- BBCFFF
≈ Ice Cold Stare
- FFAFFC
≈ Strawberry Buttercream
Tetradico +90° +180° +270°
- C7DC68
Dry Seedlings
- 2FE8FF
≈ Shimmering Expanse Cyan
- D6C4FF
≈ Innocent Snowdrop
- FFBCB3
≈ Cherry Chip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.86:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--dry-seedlings: #c7dc68;
--dry-seedlings-rgb: 199 220 104;
--dry-seedlings-oklch: oklch(0.855 0.144 118.1);
}
.element {
color: var(--dry-seedlings);
background-color: hsl(71 62% 64%);
border-color: oklch(0.855 0.144 118.1);
}Tailwind CSS v4
@theme {
--color-dry-seedlings: #c7dc68;
--color-dry-seedlings-50: #effcce;
--color-dry-seedlings-100: #e1f0ba;
--color-dry-seedlings-200: #ccde98;
--color-dry-seedlings-300: #aec26b;
--color-dry-seedlings-400: #97a93a;
--color-dry-seedlings-500: #7f9100;
--color-dry-seedlings-600: #6b7b00;
--color-dry-seedlings-700: #566300;
--color-dry-seedlings-800: #404800;
--color-dry-seedlings-900: #2c3200;
--color-dry-seedlings-950: #1a1d00;
}SCSS
$dry-seedlings: #c7dc68;
$dry-seedlings-rgb: 199, 220, 104;
$dry-seedlings-light: mix(#fff, $dry-seedlings, 20%);
$dry-seedlings-dark: mix(#000, $dry-seedlings, 20%);
.element {
color: $dry-seedlings;
box-shadow: 0 0 0 2px rgba($dry-seedlings, 0.35);
}