En yakın adlandırılmış renk · #C5B995
#C5B995
En yakın adlandırılmış renk: Beach Dune
#C5B995 (rgb(197 185 149), hsl(45 29% 68%), oklch(0.786 0.051 91.8)) en çok Beach Dune 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.
#C5B995
oklch(0.786 0.051 91.8)
Renk dönüşümleri
- HEX
- #c5b995
- RGB
- rgb(197 185 149)
- HSL
- hsl(45 29% 68%)
- HWB
- hwb(45 58% 23%)
- OKLCH
- oklch(0.786 0.051 91.8)
- OKLab
- oklab(0.786 -0.002 0.051)
- CIE Lab
- lab(75.47 0.16 19.97)
- LCH
- lch(75.47 19.97 89.5)
- CMYK
- cmyk(0% 6% 24% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBC09F
- D0C7AA
- D6CEB4
- DCD5BF
- E2DCC9
- E7E3D4
- EDEADF
- F3F1E9
- F9F8F4
Koyu tonlar
- ABA081
- 92896D
- 79715A
- 615B48
- 4B4637
- 353126
- 211E16
- 0E0D08
- 020201
Gri tonlar
- BEB393
- B7AD91
- B0A88F
- A9A28D
- A29C8B
- 9B9689
- 949187
- 8D8B85
- 878682
Renk uyumları
Tamamlayıcı +180°
- C5B995
Beach Dune
- AEB8DB
≈ Frosted Iris
Analog -30° +30°
- C5B995
Beach Dune
- D2B399
≈ Cashmere
- B4BF9B
≈ Pale Spring Morning
Üçlü +120° +240°
- C5B995
Beach Dune
- 94C3CC
≈ Cosmic Blue
- CEAEC8
≈ Winsome Orchid
Bölünmüş tamamlayıcı +150° +210°
- C5B995
Beach Dune
- 9EBED8
≈ Bluette
- BFB2D5
≈ Moonraker
Dörtlü +90° +180° +270°
- C5B995
Beach Dune
- 96C5BC
≈ Focus Point
- AEB8DB
≈ Frosted Iris
- D6ADB7
≈ Strawberry Latte
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.74:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--beach-dune: #c5b995;
--beach-dune-rgb: 197 185 149;
--beach-dune-oklch: oklch(0.786 0.051 91.8);
}
.element {
color: var(--beach-dune);
background-color: hsl(45 29% 68%);
border-color: oklch(0.786 0.051 91.8);
}Tailwind CSS v4
@theme {
--color-beach-dune: #c5b995;
--color-beach-dune-50: #faf5e5;
--color-beach-dune-100: #ede8d5;
--color-beach-dune-200: #dbd4bc;
--color-beach-dune-300: #c0b79b;
--color-beach-dune-400: #a99e7d;
--color-beach-dune-500: #92865f;
--color-beach-dune-600: #7c7151;
--color-beach-dune-700: #635a41;
--color-beach-dune-800: #49422e;
--color-beach-dune-900: #332d1f;
--color-beach-dune-950: #1e1a0f;
}SCSS
$beach-dune: #c5b995;
$beach-dune-rgb: 197, 185, 149;
$beach-dune-light: mix(#fff, $beach-dune, 20%);
$beach-dune-dark: mix(#000, $beach-dune, 20%);
.element {
color: $beach-dune;
box-shadow: 0 0 0 2px rgba($beach-dune, 0.35);
}