En yakın adlandırılmış renk · #DCA599
#DCA599
En yakın adlandırılmış renk: Indian Mesa
#DCA599 (rgb(220 165 153), hsl(11 49% 73%), oklch(0.77 0.068 32.6)) en çok Indian Mesa adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DCA599
oklch(0.77 0.068 32.6)
Renk dönüşümleri
- HEX
- #dca599
- RGB
- rgb(220 165 153)
- HSL
- hsl(11 49% 73%)
- HWB
- hwb(11 60% 14%)
- OKLCH
- oklch(0.77 0.068 32.6)
- OKLab
- oklab(0.77 0.057 0.037)
- CIE Lab
- lab(72.78 19.71 14.57)
- LCH
- lch(72.78 24.52 36.5)
- CMYK
- cmyk(0% 25% 30% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0AEA3
- E4B7AD
- E8C0B7
- EBC9C1
- EFD2CB
- F2DBD5
- F6E4E0
- F9EDEA
- FCF6F4
Koyu tonlar
- BF8F84
- A37970
- 88655D
- 6E514A
- 543D38
- 3C2B27
- 261A17
- 110A08
- 020101
Gri tonlar
- D3A197
- C99E94
- C09A92
- B7968F
- AE938D
- A58F8A
- 9B8B88
- 928885
- 898483
Renk uyumları
Tamamlayıcı +180°
- DCA599
Indian Mesa
- 80C0CE
≈ Aftercare
Analog -30° +30°
- DCA599
Indian Mesa
- DAA3B0
≈ Lili Elbe’s Pink
- D4AB88
≈ Sweet Sue
Üçlü +120° +240°
- DCA599
Indian Mesa
- 94C1A0
≈ Delltone
- A5B2E0
≈ Myrtle Flower
Bölünmüş tamamlayıcı +150° +210°
- DCA599
Indian Mesa
- 82C3B8
≈ Holiday
- 8FBADC
≈ Frozen Whisper
Dörtlü +90° +180° +270°
- DCA599
Indian Mesa
- ACBC8C
≈ Chervil Leaves
- 80C0CE
≈ Aftercare
- BCAAD9
≈ Perfume
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.88:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-mesa: #dca599;
--indian-mesa-rgb: 220 165 153;
--indian-mesa-oklch: oklch(0.77 0.068 32.6);
}
.element {
color: var(--indian-mesa);
background-color: hsl(11 49% 73%);
border-color: oklch(0.77 0.068 32.6);
}Tailwind CSS v4
@theme {
--color-indian-mesa: #dca599;
--color-indian-mesa-50: #ffefe8;
--color-indian-mesa-100: #fee0d9;
--color-indian-mesa-200: #f0cbc1;
--color-indian-mesa-300: #d8aca1;
--color-indian-mesa-400: #c39085;
--color-indian-mesa-500: #ae7669;
--color-indian-mesa-600: #936459;
--color-indian-mesa-700: #765047;
--color-indian-mesa-800: #583a34;
--color-indian-mesa-900: #3d2723;
--color-indian-mesa-950: #271512;
}SCSS
$indian-mesa: #dca599;
$indian-mesa-rgb: 220, 165, 153;
$indian-mesa-light: mix(#fff, $indian-mesa, 20%);
$indian-mesa-dark: mix(#000, $indian-mesa, 20%);
.element {
color: $indian-mesa;
box-shadow: 0 0 0 2px rgba($indian-mesa, 0.35);
}