Adlandırılmış renk · #C5AA85
Camelback
Camelback, #C5AA85: rgb(197 170 133), hsl(35 36% 65%), oklch(0.752 0.059 75.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Camelback color name →
#C5AA85
oklch(0.752 0.059 75.4)
Renk dönüşümleri
- HEX
- #c5aa85
- RGB
- rgb(197 170 133)
- HSL
- hsl(35 36% 65%)
- HWB
- hwb(35 52% 23%)
- OKLCH
- oklch(0.752 0.059 75.4)
- OKLab
- oklab(0.752 0.015 0.057)
- CIE Lab
- lab(71.32 6.14 22.96)
- LCH
- lch(71.32 23.76 75)
- CMYK
- cmyk(0% 14% 32% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBB291
- D1BB9D
- D6C3A9
- DCCCB5
- E2D4C1
- E8DDCD
- EEE5DA
- F3EEE6
- F9F6F3
Koyu tonlar
- AB9373
- 927D61
- 796850
- 615340
- 4B3F30
- 352D21
- 211B13
- 0E0B06
- 020101
Gri tonlar
- BEA685
- B7A285
- B09D84
- A99984
- A29583
- 9B9183
- 948D82
- 8E8882
- 878481
Renk uyumları
Tamamlayıcı +180°
- C5AA85
Camelback
- 96B1D4
≈ Heartsong
Analog -30° +30°
- C5AA85
Camelback
- D0A490
≈ The Boulevard
- B4B186
≈ Lively Ivy
Üçlü +120° +240°
- C5AA85
Camelback
- 82BBBA
≈ Vintage Blue
- BDA4C9
≈ Lavendula
Bölünmüş tamamlayıcı +150° +210°
- C5AA85
Camelback
- 86B7CB
≈ Blue Bird Morning
- AAAAD3
≈ Monastic
Dörtlü +90° +180° +270°
- C5AA85
Camelback
- 8BBBA6
≈ Lichen
- 96B1D4
≈ Heartsong
- CBA0B7
≈ Quilted Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.46:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--camelback: #c5aa85;
--camelback-rgb: 197 170 133;
--camelback-oklch: oklch(0.752 0.059 75.4);
}
.element {
color: var(--camelback);
background-color: hsl(35 36% 65%);
border-color: oklch(0.752 0.059 75.4);
}Tailwind CSS v4
@theme {
--color-camelback: #c5aa85;
--color-camelback-50: #fff3e3;
--color-camelback-100: #f3e6d2;
--color-camelback-200: #e3d2b9;
--color-camelback-300: #c9b496;
--color-camelback-400: #b39a77;
--color-camelback-500: #9d8159;
--color-camelback-600: #856d4c;
--color-camelback-700: #6b573c;
--color-camelback-800: #4f3f2b;
--color-camelback-900: #372c1d;
--color-camelback-950: #22190d;
}SCSS
$camelback: #c5aa85;
$camelback-rgb: 197, 170, 133;
$camelback-light: mix(#fff, $camelback, 20%);
$camelback-dark: mix(#000, $camelback, 20%);
.element {
color: $camelback;
box-shadow: 0 0 0 2px rgba($camelback, 0.35);
}