En yakın adlandırılmış renk · #CB9A42
#CB9A42
En yakın adlandırılmış renk: Camel Cardinal
#CB9A42 (rgb(203 154 66), hsl(39 57% 53%), oklch(0.716 0.119 79.3)) en çok Camel Cardinal 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.
#CB9A42
oklch(0.716 0.119 79.3)
Renk dönüşümleri
- HEX
- #cb9a42
- RGB
- rgb(203 154 66)
- HSL
- hsl(39 57% 53%)
- HWB
- hwb(39 26% 20%)
- OKLCH
- oklch(0.716 0.119 79.3)
- OKLab
- oklab(0.716 0.022 0.117)
- CIE Lab
- lab(67.11 12.35 51.96)
- LCH
- lch(67.11 53.41 76.6)
- CMYK
- cmyk(0% 24% 67% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0A458
- D6AE6D
- DBB880
- E0C392
- E6CDA5
- EBD7B7
- F0E1C9
- F5EBDB
- FAF5ED
Koyu tonlar
- B08538
- 96712F
- 7D5E25
- 654B1C
- 4D3914
- 37270B
- 221705
- 0F0901
- 020100
Gri tonlar
- C3984C
- BC9554
- B4935B
- AD9062
- A58E68
- 9E8B6D
- 968973
- 8F8677
- 87837C
Renk uyumları
Tamamlayıcı +180°
- CB9A42
Camel Cardinal
- 76A4EE
≈ Greek Sea
Analog -30° +30°
- CB9A42
Camel Cardinal
- DF8C5D
≈ Copper Tan
- A9A949
≈ Olive Reserve
Üçlü +120° +240°
- CB9A42
Camel Cardinal
- 13B9C0
≈ Cyan Sky
- C48AD2
≈ Purception
Bölünmüş tamamlayıcı +150° +210°
- CB9A42
Camel Cardinal
- 41B1DF
≈ Summer Sky
- A296E9
≈ Dull Lavender
Dörtlü +90° +180° +270°
- CB9A42
Camel Cardinal
- 44BB97
≈ Expressionism Green
- 76A4EE
≈ Greek Sea
- DB83AF
≈ Middle Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.24:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--camel-cardinal: #cb9a42;
--camel-cardinal-rgb: 203 154 66;
--camel-cardinal-oklch: oklch(0.716 0.119 79.3);
}
.element {
color: var(--camel-cardinal);
background-color: hsl(39 57% 53%);
border-color: oklch(0.716 0.119 79.3);
}Tailwind CSS v4
@theme {
--color-camel-cardinal: #cb9a42;
--color-camel-cardinal-50: #fff2cf;
--color-camel-cardinal-100: #fce5bb;
--color-camel-cardinal-200: #eed09a;
--color-camel-cardinal-300: #d7b16e;
--color-camel-cardinal-400: #c49644;
--color-camel-cardinal-500: #b07b00;
--color-camel-cardinal-600: #946802;
--color-camel-cardinal-700: #775305;
--color-camel-cardinal-800: #593c03;
--color-camel-cardinal-900: #3e2903;
--color-camel-cardinal-950: #271700;
}SCSS
$camel-cardinal: #cb9a42;
$camel-cardinal-rgb: 203, 154, 66;
$camel-cardinal-light: mix(#fff, $camel-cardinal, 20%);
$camel-cardinal-dark: mix(#000, $camel-cardinal, 20%);
.element {
color: $camel-cardinal;
box-shadow: 0 0 0 2px rgba($camel-cardinal, 0.35);
}