Adlandırılmış renk · #CBA792
Primal
Primal, #CBA792: rgb(203 167 146), hsl(22 35% 68%), oklch(0.755 0.052 51.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Primal color name →
#CBA792
oklch(0.755 0.052 51.9)
Renk dönüşümleri
- HEX
- #cba792
- RGB
- rgb(203 167 146)
- HSL
- hsl(22 35% 68%)
- HWB
- hwb(22 57% 20%)
- OKLCH
- oklch(0.755 0.052 51.9)
- OKLab
- oklab(0.755 0.032 0.041)
- CIE Lab
- lab(71.37 11.33 16.12)
- LCH
- lch(71.37 19.7 54.9)
- CMYK
- cmyk(0% 18% 28% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0B09D
- D6B8A7
- DBC1B2
- E0CABD
- E5D2C8
- EBDBD3
- F0E4DE
- F5EDE9
- FAF6F4
Koyu tonlar
- B0917E
- 967B6B
- 7D6658
- 655246
- 4D3E35
- 372C25
- 221A16
- 0F0A08
- 020101
Gri tonlar
- C3A390
- BC9F8F
- B49B8D
- AD978B
- A59389
- 9E9087
- 968C86
- 8F8884
- 878482
Renk uyumları
Tamamlayıcı +180°
- CBA792
Primal
- 8FB6CB
≈ Moon Jellyfish
Analog -30° +30°
- CBA792
Primal
- CFA3A1
≈ Ruby Eye
- C0AD8B
≈ Oat Field
Üçlü +120° +240°
- CBA792
Primal
- 8FBBAC
≈ Mild Evergreen
- B0AACE
≈ Wisteria-Wise
Bölünmüş tamamlayıcı +150° +210°
- CBA792
Primal
- 89BABD
≈ Watchet
- 9EB0D1
≈ Heartsong
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.48:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--primal: #cba792;
--primal-rgb: 203 167 146;
--primal-oklch: oklch(0.755 0.052 51.9);
}
.element {
color: var(--primal);
background-color: hsl(22 35% 68%);
border-color: oklch(0.755 0.052 51.9);
}Tailwind CSS v4
@theme {
--color-primal: #cba792;
--color-primal-50: #fff2e8;
--color-primal-100: #f6e4d8;
--color-primal-200: #e7cfc0;
--color-primal-300: #cdb19f;
--color-primal-400: #b89683;
--color-primal-500: #a27d67;
--color-primal-600: #896a57;
--color-primal-700: #6e5546;
--color-primal-800: #513d32;
--color-primal-900: #392a22;
--color-primal-950: #231811;
}SCSS
$primal: #cba792;
$primal-rgb: 203, 167, 146;
$primal-light: mix(#fff, $primal, 20%);
$primal-dark: mix(#000, $primal, 20%);
.element {
color: $primal;
box-shadow: 0 0 0 2px rgba($primal, 0.35);
}