Adlandırılmış renk · #C5B39A
Camel Coat
Camel Coat, #C5B39A: rgb(197 179 154), hsl(35 27% 69%), oklch(0.775 0.04 76.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Camel Coat color name →
#C5B39A
oklch(0.775 0.04 76.1)
Renk dönüşümleri
- HEX
- #c5b39a
- RGB
- rgb(197 179 154)
- HSL
- hsl(35 27% 69%)
- HWB
- hwb(35 60% 23%)
- OKLCH
- oklch(0.775 0.04 76.1)
- OKLab
- oklab(0.775 0.01 0.039)
- CIE Lab
- lab(74 3.7 15.28)
- LCH
- lch(74 15.73 76.4)
- CMYK
- cmyk(0% 9% 22% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBBAA4
- D0C2AE
- D6C9B8
- DCD1C2
- E2D9CC
- E8E0D6
- EDE8E0
- F3EFEA
- F9F7F5
Koyu tonlar
- AB9B85
- 928471
- 796E5E
- 61584B
- 4B4339
- 352F27
- 211D17
- 0E0C09
- 020101
Gri tonlar
- BEAE97
- B7A995
- B0A392
- A99E90
- A2998D
- 9B948B
- 948F88
- 8D8A85
- 878583
Renk uyumları
Tamamlayıcı +180°
- C5B39A
Camel Coat
- A6B8D0
≈ Cashmere Blue
Analog -30° +30°
- C5B39A
Camel Coat
- CDAFA1
≈ Rose Smoke
- B9B89B
≈ Trinity Islands
Üçlü +120° +240°
- C5B39A
Camel Coat
- 99BEBE
≈ Turner’s Light
- C0AFC8
≈ Purple Essence
Bölünmüş tamamlayıcı +150° +210°
- C5B39A
Camel Coat
- 9CBCCA
≈ Evocative Blue
- B3B3CF
≈ Madder Blue
Dörtlü +90° +180° +270°
- C5B39A
Camel Coat
- 9FBFB0
≈ Diorite
- A6B8D0
≈ Cashmere Blue
- CAACBB
≈ Scented Frill
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.28:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--camel-coat: #c5b39a;
--camel-coat-rgb: 197 179 154;
--camel-coat-oklch: oklch(0.775 0.04 76.1);
}
.element {
color: var(--camel-coat);
background-color: hsl(35 27% 69%);
border-color: oklch(0.775 0.04 76.1);
}Tailwind CSS v4
@theme {
--color-camel-coat: #c5b39a;
--color-camel-coat-50: #fcf4e9;
--color-camel-coat-100: #efe7d9;
--color-camel-coat-200: #ded3c2;
--color-camel-coat-300: #c3b5a1;
--color-camel-coat-400: #ac9c85;
--color-camel-coat-500: #968369;
--color-camel-coat-600: #7f6f59;
--color-camel-coat-700: #655947;
--color-camel-coat-800: #4b4133;
--color-camel-coat-900: #342c23;
--color-camel-coat-950: #1f1912;
}SCSS
$camel-coat: #c5b39a;
$camel-coat-rgb: 197, 179, 154;
$camel-coat-light: mix(#fff, $camel-coat, 20%);
$camel-coat-dark: mix(#000, $camel-coat, 20%);
.element {
color: $camel-coat;
box-shadow: 0 0 0 2px rgba($camel-coat, 0.35);
}