# #caaffe color: Teasel Dipsacus

#caaffe is rgb(202, 175, 254) in RGB and oklch(80.551% 0.11283 299.566) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #caaffe |
| RGB | rgb(202, 175, 254) |
| HSL | hsl(260.51, 97.53%, 84.12%) |
| HSB / HSV | hsv(260.51 31.1% 99.61%) |
| HWB | hwb(260.51 68.63% 0.39%) |
| CMYK | cmyk(20% 31% 0% 0%) |
| Lab | lab(76 21.72 -35.77) |
| LCH | lch(76 41.85 301.27) |
| OKLab | oklab(80.551% 0.05567 -0.09814) |
| OKLCH | oklch(80.551% 0.11283 299.566) |
| Display P3 | color(display-p3 0.77473 0.69013 0.97476) |
| Rec. 2020 | color(rec2020 0.74389 0.6653 0.96727) |
| Adobe RGB | color(a98-rgb 0.75849 0.68035 0.9853) |
| ProPhoto RGB | color(prophoto-rgb 0.74835 0.64996 0.95368) |
| Linear sRGB | color(srgb-linear 0.59062 0.42869 0.9911) |
| XYZ D65 | color(xyz-d65 0.57573 0.50372 1.00459) |
| XYZ D50 | color(xyz-d50 0.56446 0.49881 0.75759) |
| SwiftUI | Color(red: 0.792, green: 0.686, blue: 0.996) |
| UIKit | UIColor(red: 0.792, green: 0.686, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFCAAFFE) |
| Android XML | #CAAFFE |

## Facts

- Closest name: Teasel Dipsacus
- Hue family: Violet, bright light violet
- Closest Tailwind class: violet-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.9:1
- Contrast with black: 11.07:1

## Tints

#caaffe, #cfb7ff, #d4bfff, #d9c7ff, #dfcfff, #e4d7ff, #e9dfff, #efe7ff, #f4efff, #faf7ff

## Shades

#caaffe, #af98dd, #9581bd, #7c6b9e, #645680, #4d4163, #372e47, #221c2d, #0f0b16, #020103

## Tones

#caaffe, #c9b1f8, #c8b3f2, #c7b5ec, #c5b6e6, #c4b8df, #c3bad9, #c2bbd3, #c1bdcc, #c0bec6

## Harmonies

- Complementary: #caaffe, #b7ca75
- Split: #caaffe, #dcbc65, #89d498
- Analogous: #caaffe, #a2bcff, #e9a5e3
- Triadic: #caaffe, #f5ae73, #5fd7c2
- Tetradic: #caaffe, #fba0bd, #b7ca75, #5fd7c2
- Square: #caaffe, #ffa395, #b7ca75, #56d3e7
- Monochromatic: #caaffe, #8066af, #a48ad6, #ecddff, #f9f0ff

## Questions about #caaffe

### What color is #caaffe?

#caaffe is bright light violet. The closest named color is Teasel Dipsacus. In RGB it is rgb(202, 175, 254), in HSL hsl(260.51, 97.53%, 84.12%) and in OKLCH oklch(80.551% 0.11283 299.566).

### What colors go well with #caaffe?

The complementary color of #caaffe is #b7ca75. For a calmer combination use the analogous colors #a2bcff and #e9a5e3. The triadic partners are #f5ae73 and #5fd7c2.

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

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

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

#caaffe is a cool color. In OKLCH its hue is 300 degrees, its lightness 80.6% and its chroma 0.113.