# #ccd683 color: Green Gecko

#ccd683 is rgb(204, 214, 131) in RGB and oklch(84.969% 0.10679 114.312) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/ccd683

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccd683 |
| RGB | rgb(204, 214, 131) |
| HSL | hsl(67.23, 50.3%, 67.65%) |
| HSB / HSV | hsv(67.23 38.79% 83.92%) |
| HWB | hwb(67.23 51.37% 16.08%) |
| CMYK | cmyk(5% 0% 39% 16%) |
| Lab | lab(83.45 -12.82 39.74) |
| LCH | lch(83.45 41.75 107.88) |
| OKLab | oklab(84.969% -0.04396 0.09732) |
| OKLCH | oklch(84.969% 0.10679 114.312) |
| Display P3 | color(display-p3 0.80715 0.83795 0.55227) |
| Rec. 2020 | color(rec2020 0.78083 0.81416 0.51295) |
| Adobe RGB | color(a98-rgb 0.80662 0.8349 0.52783) |
| ProPhoto RGB | color(prophoto-rgb 0.73427 0.78928 0.49861) |
| Linear sRGB | color(srgb-linear 0.60383 0.67244 0.22697) |
| XYZ D65 | color(xyz-d65 0.53043 0.62569 0.30756) |
| XYZ D50 | color(xyz-d50 0.55477 0.63017 0.23577) |
| SwiftUI | Color(red: 0.8, green: 0.839, blue: 0.514) |
| UIKit | UIColor(red: 0.8, green: 0.839, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFFCCD683) |
| Android XML | #CCD683 |

## Facts

- Closest name: Green Gecko
- Hue family: Lime, pastel light lime
- Closest Tailwind class: amber-200
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.55:1
- Contrast with black: 13.51:1

## Tints

#ccd683, #d1da90, #d6de9d, #dbe3aa, #e0e7b6, #e5ebc3, #eaefcf, #eff3db, #f4f7e7, #fafbf3

## Shades

#ccd683, #b1ba71, #979e60, #7e844f, #656a3f, #4e522f, #373b20, #222512, #0f1006, #020201

## Tones

#ccd683, #ccd58c, #ccd594, #ccd49c, #ccd3a3, #ccd2ab, #cdd1b2, #cdd0b9, #cdcfc0, #cdcec7

## Harmonies

- Complementary: #ccd683, #d1c0ff
- Split: #ccd683, #afcdff, #f1b6f5
- Analogous: #ccd683, #eec879, #a2e0a2
- Triadic: #ccd683, #83d9ff, #ffb0d2
- Tetradic: #ccd683, #7be5c9, #d1c0ff, #ffb0d2
- Square: #ccd683, #6de2ee, #d1c0ff, #ffb3ac
- Monochromatic: #ccd683, #828a38, #a6af5d, #f3fea9, #f3feaa

## Questions about #ccd683

### What color is #ccd683?

#ccd683 is pastel light lime. The closest named color is Green Gecko. In RGB it is rgb(204, 214, 131), in HSL hsl(67.23, 50.3%, 67.65%) and in OKLCH oklch(84.969% 0.10679 114.312).

### What colors go well with #ccd683?

The complementary color of #ccd683 is #d1c0ff. For a calmer combination use the analogous colors #eec879 and #a2e0a2. The triadic partners are #83d9ff and #ffb0d2.

### Is white or black text more readable on #ccd683?

Black text reads better on #ccd683: white gives a contrast ratio of 1.55:1 and black gives 13.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #ccd683 a warm or cool color?

#ccd683 is a neutral color. In OKLCH its hue is 114 degrees, its lightness 85% and its chroma 0.107.