En yakın adlandırılmış renk · #C8A67C
#C8A67C
En yakın adlandırılmış renk: Outback
#C8A67C (rgb(200 166 124), hsl(33 41% 64%), oklch(0.745 0.069 72.3)) en çok Outback 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.
#C8A67C
oklch(0.745 0.069 72.3)
Renk dönüşümleri
- HEX
- #c8a67c
- RGB
- rgb(200 166 124)
- HSL
- hsl(33 41% 64%)
- HWB
- hwb(33 49% 22%)
- OKLCH
- oklch(0.745 0.069 72.3)
- OKLab
- oklab(0.745 0.021 0.066)
- CIE Lab
- lab(70.46 8.59 26.7)
- LCH
- lch(70.46 28.05 72.2)
- CMYK
- cmyk(0% 17% 38% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEAF89
- D3B896
- D9C0A3
- DEC9B0
- E4D2BD
- E9DBCA
- EFE4D7
- F4EDE4
- FAF6F2
Koyu tonlar
- AE906B
- 947A5A
- 7B654A
- 63513B
- 4C3E2C
- 362B1E
- 211A11
- 0F0A05
- 020101
Gri tonlar
- C1A27D
- B99E7E
- B29B7E
- AB977F
- A4937F
- 9C8F80
- 958B80
- 8E8880
- 878480
Renk uyumları
Tamamlayıcı +180°
- C8A67C
Outback
- 8DB0D8
≈ Boy Blue
Analog -30° +30°
- C8A67C
Outback
- D39F8A
≈ Shiny Kettle
- B5AF7B
≈ Weeping Willow
Üçlü +120° +240°
- C8A67C
Outback
- 77BBB8
≈ Polished Aqua
- BCA0CD
≈ Lucius Lilac
Bölünmüş tamamlayıcı +150° +210°
- C8A67C
Outback
- 7BB7CC
≈ Blue Chrysocolla
- A5A8D8
≈ Childish Wonder
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.20:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--outback: #c8a67c;
--outback-rgb: 200 166 124;
--outback-oklch: oklch(0.745 0.069 72.3);
}
.element {
color: var(--outback);
background-color: hsl(33 41% 64%);
border-color: oklch(0.745 0.069 72.3);
}Tailwind CSS v4
@theme {
--color-outback: #c8a67c;
--color-outback-50: #fff3e0;
--color-outback-100: #f6e5cf;
--color-outback-200: #e6d1b4;
--color-outback-300: #cdb391;
--color-outback-400: #b89871;
--color-outback-500: #a37f51;
--color-outback-600: #896b45;
--color-outback-700: #6e5637;
--color-outback-800: #523e27;
--color-outback-900: #392b1a;
--color-outback-950: #23180b;
}SCSS
$outback: #c8a67c;
$outback-rgb: 200, 166, 124;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}