#d4d076
#d4d076| HEX | #d4d076 |
| RGB | |
| CMYK | |
| OKLCH | 0.841 0.113 106.34 |
| LUV | 82, 7, 60 |
| HSV | |
| HSL | |
| LAB | |
| XYZ | 53, 60, 26 |
| HSB | 57, 44, 83 |
Variations
Monochrome, Shades, Tints, Tones and Hues scales of your chosen color.
Monochrome
Monochromatic color scales consist of variations of a single color, achieved by adjusting brightness or saturation.
Shades
Shades are darker versions of a color produced by adding black, adding richness and depth to the original hue.
Tints
Tints are lighter shades of a color created by adding white, offering a soft and pastel appearance.
Tones
Tones, created by adding black and white, result in muted versions of a color for a sophisticated and subdued palette.
Hues
Hues are the purest, intense forms of colors found on the color wheel, serving as base colors for tints, tones, and shades.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
| 50 | oklch(0.955 0.034 105.23) | #f3f2d8 | hsl(58, 53%, 90%) |
|
|
| 100 | oklch(0.932 0.050 104.84) | #edebc5 | hsl(57, 53%, 85%) |
|
|
| 200 | oklch(0.908 0.066 105.78) | #e6e4b1 | hsl(58, 51%, 80%) |
|
|
| 300 | oklch(0.885 0.083 105.70) | #e0dd9d | hsl(57, 52%, 75%) |
|
|
| 400 | oklch(0.864 0.098 106.36) | #dad78a | hsl(58, 52%, 70%) |
|
|
| 500 | oklch(0.841 0.113 106.34) | #d4d076 | hsl(57, 52%, 65%) |
|