Colore con nome più vicino · #CAD5A8
#CAD5A8
Colore con nome più vicino: Seedling
#CAD5A8 (rgb(202 213 168), hsl(75 35% 75%), oklch(0.853 0.061 118.9)) è più vicino al colore con nome Seedling. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CAD5A8
oklch(0.853 0.061 118.9)
Conversioni di colore
- HEX
- #cad5a8
- RGB
- rgb(202 213 168)
- HSL
- hsl(75 35% 75%)
- HWB
- hwb(75 66% 16%)
- OKLCH
- oklch(0.853 0.061 118.9)
- OKLab
- oklab(0.853 -0.03 0.054)
- CIE Lab
- lab(83.56 -9.53 21.03)
- LCH
- lch(83.56 23.09 114.4)
- CMYK
- cmyk(5% 0% 21% 16%)
Tinte · Ombre · Toni
Tinte
- CFD9B1
- D4DDB9
- DAE2C2
- DFE6CB
- E4EAD3
- E9EEDC
- EFF2E5
- F4F7EE
- FAFBF6
Ombre
- AFB992
- 959E7C
- 7C8367
- 646A52
- 4D513F
- 373A2C
- 22241A
- 0F100A
- 020201
Toni
- C2CCA4
- BBC3A0
- B3BB9C
- ACB298
- A4AA94
- 9DA190
- 95998C
- 8E9088
- 878884
Armonie di colore
Complementare +180°
- CAD5A8
Seedling
- D4C7F2
≈ Soap
Analogo -30° +30°
- CAD5A8
Seedling
- DFCDA1
≈ Organic Bamboo
- B4DBB9
≈ Ice Mist
Triadico +120° +240°
- CAD5A8
Seedling
- AAD5F3
≈ Light Shimmer
- F2BFCE
≈ Pink Chintz
Complementare divisa +150° +210°
- CAD5A8
Seedling
- BECEF8
≈ Frost Fairy
- E6C1E3
≈ Prom Corsage
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.59:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--seedling: #cad5a8;
--seedling-rgb: 202 213 168;
--seedling-oklch: oklch(0.853 0.061 118.9);
}
.element {
color: var(--seedling);
background-color: hsl(75 35% 75%);
border-color: oklch(0.853 0.061 118.9);
}Tailwind CSS v4
@theme {
--color-seedling: #cad5a8;
--color-seedling-50: #f2f8e5;
--color-seedling-100: #e5ebd5;
--color-seedling-200: #d0d9bc;
--color-seedling-300: #b2bd9a;
--color-seedling-400: #9aa47b;
--color-seedling-500: #828c5d;
--color-seedling-600: #6e7750;
--color-seedling-700: #585f3f;
--color-seedling-800: #41452d;
--color-seedling-900: #2d301e;
--color-seedling-950: #1a1c0e;
}SCSS
$seedling: #cad5a8;
$seedling-rgb: 202, 213, 168;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}