Adlandırılmış renk · #DCC7B3
Playa Arenosa
Playa Arenosa, #DCC7B3: rgb(220 199 179), hsl(29 37% 78%), oklch(0.842 0.036 65.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Playa Arenosa color name →
#DCC7B3
oklch(0.842 0.036 65.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0CDBA
- E3D2C2
- E7D8C9
- EADDD1
- EEE3D9
- F1E8E0
- F5EEE8
- F8F4F0
- FCF9F7
Koyu tonlar
- BFAD9B
- A39384
- 887A6E
- 6E6258
- 544C43
- 3C362F
- 26211D
- 110E0C
- 020201
Gri tonlar
- D2C0AE
- C9B8A9
- C0B1A4
- B6AA9E
- ADA399
- A49C94
- 9B958F
- 928E8A
- 898785
Renk uyumları
Tamamlayıcı +180°
- DCC7B3
Playa Arenosa
- B9CEE2
≈ Impressionist Sky
Analog -30° +30°
- DCC7B3
Playa Arenosa
- E1C3BB
≈ Golden Guernsey
- D2CCB1
≈ Platinum Sage
Üçlü +120° +240°
- DCC7B3
Playa Arenosa
- B2D3CE
≈ Icy Morn
- D1C6DE
≈ On Location
Bölünmüş tamamlayıcı +150° +210°
- DCC7B3
Playa Arenosa
- B2D2DA
≈ Balboa
- C4CAE3
≈ Silver Sweetpea
Dörtlü +90° +180° +270°
- DCC7B3
Playa Arenosa
- B9D3C1
≈ Little Beaux Blue
- B9CEE2
≈ Impressionist Sky
- DBC3D4
≈ Blissful
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.86:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}