Colore con nome · #DECBB1
Toledo Cuoio
Toledo Cuoio è #DECBB1: rgb(222 203 177), hsl(35 41% 78%), oklch(0.851 0.041 75.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Toledo Cuoio color name →
#DECBB1
oklch(0.851 0.041 75.7)
Conversioni di colore
- HEX
- #decbb1
- RGB
- rgb(222 203 177)
- HSL
- hsl(35 41% 78%)
- HWB
- hwb(35 69% 13%)
- OKLCH
- oklch(0.851 0.041 75.7)
- OKLab
- oklab(0.851 0.01 0.04)
- CIE Lab
- lab(82.77 3.82 15.56)
- LCH
- lch(82.77 16.02 76.2)
- CMYK
- cmyk(0% 9% 20% 13%)
Tinte · Ombre · Toni
Tinte
- E1D0B9
- E5D5C0
- E8DAC8
- EBE0D0
- EFE5D8
- F2EAE0
- F5EFE7
- F8F4EF
- FCFAF7
Ombre
- C1B099
- A59683
- 897D6C
- 6F6557
- 554D42
- 3D372F
- 26221C
- 120F0C
- 020201
Toni
- D4C3AC
- CBBCA7
- C1B4A2
- B7AC9D
- AEA598
- A59D94
- 9B968F
- 928F8A
- 898785
Armonie di colore
Complementare +180°
- DECBB1
Toledo Cuoio
- BDD0E9
≈ Maritime
Analogo -30° +30°
- DECBB1
Toledo Cuoio
- E6C6B8
≈ Lyman Camellia
- D1D0B2
≈ Bitter Melon
Triadico +120° +240°
- DECBB1
Toledo Cuoio
- B0D7D7
≈ Sugar Pool
- D9C6E1
≈ Simply Lavender
Complementare divisa +150° +210°
- DECBB1
Toledo Cuoio
- B3D4E3
≈ Spotted Snake Eel
- CBCBE8
≈ Ace
Tetradico +90° +180° +270°
- DECBB1
Toledo Cuoio
- B6D7C8
≈ Gemini
- BDD0E9
≈ Maritime
- E3C4D4
≈ Favourite Lady
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.28:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--toledo-cuoio: #decbb1;
--toledo-cuoio-rgb: 222 203 177;
--toledo-cuoio-oklch: oklch(0.851 0.041 75.7);
}
.element {
color: var(--toledo-cuoio);
background-color: hsl(35 41% 78%);
border-color: oklch(0.851 0.041 75.7);
}Tailwind CSS v4
@theme {
--color-toledo-cuoio: #decbb1;
--color-toledo-cuoio-50: #fcf4e8;
--color-toledo-cuoio-100: #f0e6d9;
--color-toledo-cuoio-200: #ded2c1;
--color-toledo-cuoio-300: #c3b5a1;
--color-toledo-cuoio-400: #ad9c84;
--color-toledo-cuoio-500: #968368;
--color-toledo-cuoio-600: #7f6f58;
--color-toledo-cuoio-700: #665946;
--color-toledo-cuoio-800: #4b4033;
--color-toledo-cuoio-900: #342c22;
--color-toledo-cuoio-950: #201912;
}SCSS
$toledo-cuoio: #decbb1;
$toledo-cuoio-rgb: 222, 203, 177;
$toledo-cuoio-light: mix(#fff, $toledo-cuoio, 20%);
$toledo-cuoio-dark: mix(#000, $toledo-cuoio, 20%);
.element {
color: $toledo-cuoio;
box-shadow: 0 0 0 2px rgba($toledo-cuoio, 0.35);
}