Colore con nome · #DCC7B3
Playa Arenosa
Playa Arenosa è #DCC7B3: rgb(220 199 179), hsl(29 37% 78%), oklch(0.842 0.036 65.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Playa Arenosa color name →
#DCC7B3
oklch(0.842 0.036 65.9)
Conversioni di colore
- HEX
- #dcc7b3
- RGB
- rgb(220 199 179)
- HSL
- hsl(29 37% 78%)
- HWB
- hwb(29 70% 14%)
- OKLCH
- oklch(0.842 0.036 65.9)
- OKLab
- oklab(0.842 0.015 0.033)
- CIE Lab
- lab(81.62 5.26 12.88)
- LCH
- lch(81.62 13.91 67.8)
- CMYK
- cmyk(0% 10% 19% 14%)
Tinte · Ombre · Toni
Tinte
- E0CDBA
- E3D2C2
- E7D8C9
- EADDD1
- EEE3D9
- F1E8E0
- F5EEE8
- F8F4F0
- FCF9F7
Ombre
- BFAD9B
- A39384
- 887A6E
- 6E6258
- 544C43
- 3C362F
- 26211D
- 110E0C
- 020201
Toni
- D2C0AE
- C9B8A9
- C0B1A4
- B6AA9E
- ADA399
- A49C94
- 9B958F
- 928E8A
- 898785
Armonie di colore
Complementare +180°
- DCC7B3
Playa Arenosa
- B9CEE2
≈ Impressionist Sky
Analogo -30° +30°
- DCC7B3
Playa Arenosa
- E1C3BB
≈ Golden Guernsey
- D2CCB1
≈ Platinum Sage
Triadico +120° +240°
- DCC7B3
Playa Arenosa
- B2D3CE
≈ Icy Morn
- D1C6DE
≈ On Location
Complementare divisa +150° +210°
- DCC7B3
Playa Arenosa
- B2D2DA
≈ Balboa
- C4CAE3
≈ Silver Sweetpea
Tetradico +90° +180° +270°
- DCC7B3
Playa Arenosa
- B9D3C1
≈ Little Beaux Blue
- B9CEE2
≈ Impressionist Sky
- DBC3D4
≈ Blissful
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.86:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--playa-arenosa: #dcc7b3;
--playa-arenosa-rgb: 220 199 179;
--playa-arenosa-oklch: oklch(0.842 0.036 65.9);
}
.element {
color: var(--playa-arenosa);
background-color: hsl(29 37% 78%);
border-color: oklch(0.842 0.036 65.9);
}Tailwind CSS v4
@theme {
--color-playa-arenosa: #dcc7b3;
--color-playa-arenosa-50: #fcf3ea;
--color-playa-arenosa-100: #f0e6db;
--color-playa-arenosa-200: #dfd2c4;
--color-playa-arenosa-300: #c4b4a4;
--color-playa-arenosa-400: #ae9b88;
--color-playa-arenosa-500: #97826d;
--color-playa-arenosa-600: #806e5d;
--color-playa-arenosa-700: #66584a;
--color-playa-arenosa-800: #4c4036;
--color-playa-arenosa-900: #342c25;
--color-playa-arenosa-950: #201913;
}SCSS
$playa-arenosa: #dcc7b3;
$playa-arenosa-rgb: 220, 199, 179;
$playa-arenosa-light: mix(#fff, $playa-arenosa, 20%);
$playa-arenosa-dark: mix(#000, $playa-arenosa, 20%);
.element {
color: $playa-arenosa;
box-shadow: 0 0 0 2px rgba($playa-arenosa, 0.35);
}