Cor nomeada · #CCD6B0
Chinese Leaf
Chinese Leaf é #CCD6B0: rgb(204 214 176), hsl(76 32% 76%), oklch(0.858 0.052 119.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chinese Leaf color name →
#CCD6B0
oklch(0.858 0.052 119.5)
Conversões de cor
- HEX
- #ccd6b0
- RGB
- rgb(204 214 176)
- HSL
- hsl(76 32% 76%)
- HWB
- hwb(76 69% 16%)
- OKLCH
- oklch(0.858 0.052 119.5)
- OKLab
- oklab(0.858 -0.026 0.045)
- CIE Lab
- lab(84.11 -8.37 17.65)
- LCH
- lch(84.11 19.53 115.4)
- CMYK
- cmyk(5% 0% 18% 16%)
Tons claros · Sombras · Tons
Tons claros
- D1DAB8
- D6DEC0
- DBE2C8
- E0E6CF
- E5EAD7
- EAEFDF
- EFF3E7
- F5F7EF
- FAFBF7
Sombras
- B1BA99
- 979E82
- 7E846C
- 656A56
- 4E5242
- 373B2E
- 22251C
- 0F100B
- 020201
Tons
- C4CDAB
- BCC4A6
- B4BBA2
- ADB39D
- A5AA98
- 9EA293
- 96998E
- 8F918A
- 878885
Harmonias de cor
Complementar +180°
- CCD6B0
Chinese Leaf
- D5CAEF
≈ Foggy Love
Análoga -30° +30°
- CCD6B0
Chinese Leaf
- DED0AA
≈ Capital Grains
- BADBBF
≈ Ice Mist
Tríade +120° +240°
- CCD6B0
Chinese Leaf
- B2D6F0
≈ Blue Rice
- EFC3CF
≈ Desire Pink
Complementar dividida +150° +210°
- CCD6B0
Chinese Leaf
- C3D0F4
≈ Frozen Periwinkle
- E5C5E1
≈ Sweet Alyssum
Tétrade +90° +180° +270°
- CCD6B0
Chinese Leaf
- A9DBE3
≈ Geyser Pool
- D5CAEF
≈ Foggy Love
- F1C4BD
≈ Peach Ash
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.81:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--chinese-leaf: #ccd6b0;
--chinese-leaf-rgb: 204 214 176;
--chinese-leaf-oklch: oklch(0.858 0.052 119.5);
}
.element {
color: var(--chinese-leaf);
background-color: hsl(76 32% 76%);
border-color: oklch(0.858 0.052 119.5);
}Tailwind CSS v4
@theme {
--color-chinese-leaf: #ccd6b0;
--color-chinese-leaf-50: #f2f8e7;
--color-chinese-leaf-100: #e5ebd8;
--color-chinese-leaf-200: #d0d8c0;
--color-chinese-leaf-300: #b3bc9f;
--color-chinese-leaf-400: #9aa381;
--color-chinese-leaf-500: #828c64;
--color-chinese-leaf-600: #6e7655;
--color-chinese-leaf-700: #585e44;
--color-chinese-leaf-800: #414530;
--color-chinese-leaf-900: #2d3021;
--color-chinese-leaf-950: #1a1c10;
}SCSS
$chinese-leaf: #ccd6b0;
$chinese-leaf-rgb: 204, 214, 176;
$chinese-leaf-light: mix(#fff, $chinese-leaf, 20%);
$chinese-leaf-dark: mix(#000, $chinese-leaf, 20%);
.element {
color: $chinese-leaf;
box-shadow: 0 0 0 2px rgba($chinese-leaf, 0.35);
}