Benannte Farbe · #CCD6B0
Chinese Leaf
Chinese Leaf ist #CCD6B0: rgb(204 214 176), hsl(76 32% 76%), oklch(0.858 0.052 119.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Chinese Leaf color name →
#CCD6B0
oklch(0.858 0.052 119.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D1DAB8
- D6DEC0
- DBE2C8
- E0E6CF
- E5EAD7
- EAEFDF
- EFF3E7
- F5F7EF
- FAFBF7
Shades
- B1BA99
- 979E82
- 7E846C
- 656A56
- 4E5242
- 373B2E
- 22251C
- 0F100B
- 020201
Tones
- C4CDAB
- BCC4A6
- B4BBA2
- ADB39D
- A5AA98
- 9EA293
- 96998E
- 8F918A
- 878885
Farbharmonien
Komplementär +180°
- CCD6B0
Chinese Leaf
- D5CAEF
≈ Foggy Love
Analog -30° +30°
- CCD6B0
Chinese Leaf
- DED0AA
≈ Capital Grains
- BADBBF
≈ Ice Mist
Triadisch +120° +240°
- CCD6B0
Chinese Leaf
- B2D6F0
≈ Blue Rice
- EFC3CF
≈ Desire Pink
Geteilt komplementär +150° +210°
- CCD6B0
Chinese Leaf
- C3D0F4
≈ Frozen Periwinkle
- E5C5E1
≈ Sweet Alyssum
Tetradisch +90° +180° +270°
- CCD6B0
Chinese Leaf
- A9DBE3
≈ Geyser Pool
- D5CAEF
≈ Foggy Love
- F1C4BD
≈ Peach Ash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.81:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
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);
}