Cor nomeada · #C8D07F
Zucchini Noodles
Zucchini Noodles é #C8D07F: rgb(200 208 127), hsl(66 46% 66%), oklch(0.833 0.104 113.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Zucchini Noodles color name →
#C8D07F
oklch(0.833 0.104 113.3)
Conversões de cor
- HEX
- #c8d07f
- RGB
- rgb(200 208 127)
- HSL
- hsl(66 46% 66%)
- HWB
- hwb(66 50% 18%)
- OKLCH
- oklch(0.833 0.104 113.3)
- OKLab
- oklab(0.833 -0.041 0.096)
- CIE Lab
- lab(81.49 -11.88 39.19)
- LCH
- lch(81.49 40.95 106.9)
- CMYK
- cmyk(4% 0% 39% 18%)
Tons claros · Sombras · Tons
Tons claros
- CDD58D
- D3DA9A
- D8DEA7
- DDE3B4
- E3E8C0
- E8EDCD
- EEF1DA
- F4F6E6
- F9FAF3
Sombras
- AEB56E
- 949A5D
- 7B804C
- 63673C
- 4C4F2D
- 36391F
- 212311
- 0F1006
- 020201
Tons
- C0C880
- B9C081
- B2B882
- AAB082
- A3A882
- 9CA082
- 959882
- 8E9081
- 878881
Harmonias de cor
Complementar +180°
- C8D07F
Zucchini Noodles
- CABEFF
≈ Lavender Tonic
Análoga -30° +30°
- C8D07F
Zucchini Noodles
- E9C377
≈ Golden Thread
- A0DA9C
≈ Cool Aloe
Tríade +120° +240°
- C8D07F
Zucchini Noodles
- 83D4FF
≈ Kul Sharif Blue
- FEACCE
≈ Majin Bū Pink
Complementar dividida +150° +210°
- C8D07F
Zucchini Noodles
- ACC9FF
≈ Night Snow
- EAB1F0
≈ Candy Dreams
Tétrade +90° +180° +270°
- C8D07F
Zucchini Noodles
- 6ADCE7
≈ Turquoise Sea
- CABEFF
≈ Lavender Tonic
- FFB1AC
≈ Cornflower Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.64:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.78:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--zucchini-noodles: #c8d07f;
--zucchini-noodles-rgb: 200 208 127;
--zucchini-noodles-oklch: oklch(0.833 0.104 113.3);
}
.element {
color: var(--zucchini-noodles);
background-color: hsl(66 46% 66%);
border-color: oklch(0.833 0.104 113.3);
}Tailwind CSS v4
@theme {
--color-zucchini-noodles: #c8d07f;
--color-zucchini-noodles-50: #f3f9d8;
--color-zucchini-noodles-100: #e6edc5;
--color-zucchini-noodles-200: #d2daa7;
--color-zucchini-noodles-300: #b5be80;
--color-zucchini-noodles-400: #9ea55a;
--color-zucchini-noodles-500: #868d31;
--color-zucchini-noodles-600: #72782c;
--color-zucchini-noodles-700: #5b6023;
--color-zucchini-noodles-800: #444616;
--color-zucchini-noodles-900: #2f300e;
--color-zucchini-noodles-950: #1b1c02;
}SCSS
$zucchini-noodles: #c8d07f;
$zucchini-noodles-rgb: 200, 208, 127;
$zucchini-noodles-light: mix(#fff, $zucchini-noodles, 20%);
$zucchini-noodles-dark: mix(#000, $zucchini-noodles, 20%);
.element {
color: $zucchini-noodles;
box-shadow: 0 0 0 2px rgba($zucchini-noodles, 0.35);
}