Adlandırılmış renk · #B16355
Chimayo Red
Chimayo Red, #B16355: rgb(177 99 85), hsl(9 37% 51%), oklch(0.586 0.104 31.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Chimayo Red color name →
#B16355
oklch(0.586 0.104 31.2)
Renk dönüşümleri
- HEX
- #b16355
- RGB
- rgb(177 99 85)
- HSL
- hsl(9 37% 51%)
- HWB
- hwb(9 33% 31%)
- OKLCH
- oklch(0.586 0.104 31.2)
- OKLab
- oklab(0.586 0.089 0.054)
- CIE Lab
- lab(51.01 31.16 22.48)
- LCH
- lch(51.01 38.42 35.8)
- CMYK
- cmyk(0% 44% 52% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA7265
- C28275
- CB9186
- D3A096
- DBB0A7
- E2BFB8
- EACFCA
- F1DFDB
- F8EFED
Koyu tonlar
- 995549
- 83473D
- 6C3A31
- 572E26
- 42211C
- 2F1611
- 1C0B08
- 0C0302
- 010000
Gri tonlar
- AD665A
- A86A5E
- A46D63
- 9F7067
- 9B736B
- 96766F
- 917874
- 8B7B78
- 867E7C
Renk uyumları
Tamamlayıcı +180°
- B16355
Chimayo Red
- 008B9E
≈ Parrot Flight
Analog -30° +30°
- B16355
Chimayo Red
- AE6078
≈ Daah-Ling
- A86C35
≈ Golden Oak
Üçlü +120° +240°
- B16355
Chimayo Red
- 488D5C
≈ Middle Green
- 6578BA
≈ Flood
Bölünmüş tamamlayıcı +150° +210°
- B16355
Chimayo Red
- 099080
≈ Philips Green
- 3B83B4
≈ Curious Blue
Dörtlü +90° +180° +270°
- B16355
Chimayo Red
- 73853A
≈ Khaki Green
- 008B9E
≈ Parrot Flight
- 876DB0
≈ Fairy Wren
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.38:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.78:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.78:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--chimayo-red: #b16355;
--chimayo-red-rgb: 177 99 85;
--chimayo-red-oklch: oklch(0.586 0.104 31.2);
}
.element {
color: var(--chimayo-red);
background-color: hsl(9 37% 51%);
border-color: oklch(0.586 0.104 31.2);
}Tailwind CSS v4
@theme {
--color-chimayo-red: #b16355;
--color-chimayo-red-50: #ffebe2;
--color-chimayo-red-100: #ffdcd2;
--color-chimayo-red-200: #fdc5b8;
--color-chimayo-red-300: #e7a495;
--color-chimayo-red-400: #d58778;
--color-chimayo-red-500: #c16a5b;
--color-chimayo-red-600: #a35a4d;
--color-chimayo-red-700: #83483d;
--color-chimayo-red-800: #61342d;
--color-chimayo-red-900: #44231e;
--color-chimayo-red-950: #2c120e;
}SCSS
$chimayo-red: #b16355;
$chimayo-red-rgb: 177, 99, 85;
$chimayo-red-light: mix(#fff, $chimayo-red, 20%);
$chimayo-red-dark: mix(#000, $chimayo-red, 20%);
.element {
color: $chimayo-red;
box-shadow: 0 0 0 2px rgba($chimayo-red, 0.35);
}