Benannte Farbe · #CAD3C1
Tomatillo Peel
Tomatillo Peel ist #CAD3C1: rgb(202 211 193), hsl(90 17% 79%), oklch(0.855 0.026 128.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tomatillo Peel color name →
#CAD3C1
oklch(0.855 0.026 128.8)
Farbumrechnungen
- HEX
- #cad3c1
- RGB
- rgb(202 211 193)
- HSL
- hsl(90 17% 79%)
- HWB
- hwb(90 76% 17%)
- OKLCH
- oklch(0.855 0.026 128.8)
- OKLab
- oklab(0.855 -0.017 0.021)
- CIE Lab
- lab(83.48 -5.59 7.84)
- LCH
- lch(83.48 9.62 125.5)
- CMYK
- cmyk(4% 0% 9% 17%)
Tints · Shades · Tones
Tints
- CFD7C7
- D4DCCD
- DAE0D3
- DFE4D9
- E4E9E0
- EAEDE6
- EFF2EC
- F4F6F2
- FAFBF9
Shades
- AFB7A7
- 959C8F
- 7C8277
- 64695F
- 4D5149
- 373A34
- 222420
- 0F100E
- 020202
Tones
- C2CABA
- BBC2B4
- B3B9AD
- ACB1A6
- A4A9A0
- 9DA099
- 969893
- 8E908D
- 878886
Farbharmonien
Komplementär +180°
- CAD3C1
Tomatillo Peel
- D4CBDD
≈ Languid Lavender
Analog -30° +30°
- CAD3C1
Tomatillo Peel
- D3D0BD
≈ Ocean Pearl
- C2D5C9
≈ Soft Fresco
Triadisch +120° +240°
- CAD3C1
Tomatillo Peel
- C3D1E0
≈ Sea Drive
- E0C9CC
≈ Perfume Cloud
Geteilt komplementär +150° +210°
- CAD3C1
Tomatillo Peel
- CBCEE1
≈ Wildflower Prairie
- DCC9D5
≈ Creamy Mauve
Tetradisch +90° +180° +270°
- CAD3C1
Tomatillo Peel
- BDD4DB
≈ Light Salt Spray
- D4CBDD
≈ Languid Lavender
- E0CAC3
≈ Nana’s Pearls
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.59:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--tomatillo-peel: #cad3c1;
--tomatillo-peel-rgb: 202 211 193;
--tomatillo-peel-oklch: oklch(0.855 0.026 128.8);
}
.element {
color: var(--tomatillo-peel);
background-color: hsl(90 17% 79%);
border-color: oklch(0.855 0.026 128.8);
}Tailwind CSS v4
@theme {
--color-tomatillo-peel: #cad3c1;
--color-tomatillo-peel-50: #f2f7ef;
--color-tomatillo-peel-100: #e5eae1;
--color-tomatillo-peel-200: #d0d7cb;
--color-tomatillo-peel-300: #b3baac;
--color-tomatillo-peel-400: #9aa291;
--color-tomatillo-peel-500: #818a77;
--color-tomatillo-peel-600: #6d7565;
--color-tomatillo-peel-700: #575d51;
--color-tomatillo-peel-800: #40443a;
--color-tomatillo-peel-900: #2c2f28;
--color-tomatillo-peel-950: #191c16;
}SCSS
$tomatillo-peel: #cad3c1;
$tomatillo-peel-rgb: 202, 211, 193;
$tomatillo-peel-light: mix(#fff, $tomatillo-peel, 20%);
$tomatillo-peel-dark: mix(#000, $tomatillo-peel, 20%);
.element {
color: $tomatillo-peel;
box-shadow: 0 0 0 2px rgba($tomatillo-peel, 0.35);
}