Adlandırılmış renk · #CA602A
Golden Lion Tamarin
Golden Lion Tamarin, #CA602A: rgb(202 96 42), hsl(20 66% 48%), oklch(0.61 0.15 44.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Golden Lion Tamarin color name →
#CA602A
oklch(0.61 0.15 44.8)
Renk dönüşümleri
- HEX
- #ca602a
- RGB
- rgb(202 96 42)
- HSL
- hsl(20 66% 48%)
- HWB
- hwb(20 16% 21%)
- OKLCH
- oklch(0.61 0.15 44.8)
- OKLab
- oklab(0.61 0.107 0.106)
- CIE Lab
- lab(53.67 40.7 49.64)
- LCH
- lch(53.67 64.19 50.7)
- CMYK
- cmyk(0% 52% 79% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D17143
- D8815A
- DE916F
- E4A183
- E9B198
- EEC0AC
- F3D0C1
- F8E0D5
- FBEFEA
Koyu tonlar
- AF5223
- 95451C
- 7C3816
- 642C10
- 4D200A
- 371505
- 220A02
- 0F0301
- 020000
Gri tonlar
- C36537
- BD6942
- B66D4B
- AF7054
- A8735C
- A07664
- 99796B
- 917C72
- 897E79
Renk uyumları
Tamamlayıcı +180°
- CA602A
Golden Lion Tamarin
- 0091B7
≈ Cool Tide
Analog -30° +30°
- CA602A
Golden Lion Tamarin
- CD5766
≈ Imayou Pink
- B07600
≈ Philippine Gold
Üçlü +120° +240°
- CA602A
Golden Lion Tamarin
- 009B6F
≈ Rainforest
- 7B73D8
≈ Kickstart Purple
Bölünmüş tamamlayıcı +150° +210°
- CA602A
Golden Lion Tamarin
- 009696
≈ Intermezzo
- 3C84DB
≈ Blue Cola
Dörtlü +90° +180° +270°
- CA602A
Golden Lion Tamarin
- 59962E
≈ Limeade
- 0091B7
≈ Cool Tide
- A464C0
≈ Prickly Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.02:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.21:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.21:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-lion-tamarin: #ca602a;
--golden-lion-tamarin-rgb: 202 96 42;
--golden-lion-tamarin-oklch: oklch(0.61 0.15 44.8);
}
.element {
color: var(--golden-lion-tamarin);
background-color: hsl(20 66% 48%);
border-color: oklch(0.61 0.15 44.8);
}Tailwind CSS v4
@theme {
--color-golden-lion-tamarin: #ca602a;
--color-golden-lion-tamarin-50: #ffe9d1;
--color-golden-lion-tamarin-100: #ffd9be;
--color-golden-lion-tamarin-200: #ffc19d;
--color-golden-lion-tamarin-300: #f69f73;
--color-golden-lion-tamarin-400: #e67e4e;
--color-golden-lion-tamarin-500: #d45e1c;
--color-golden-lion-tamarin-600: #b3501c;
--color-golden-lion-tamarin-700: #904016;
--color-golden-lion-tamarin-800: #6b2d10;
--color-golden-lion-tamarin-900: #4c1f0a;
--color-golden-lion-tamarin-950: #320e01;
}SCSS
$golden-lion-tamarin: #ca602a;
$golden-lion-tamarin-rgb: 202, 96, 42;
$golden-lion-tamarin-light: mix(#fff, $golden-lion-tamarin, 20%);
$golden-lion-tamarin-dark: mix(#000, $golden-lion-tamarin, 20%);
.element {
color: $golden-lion-tamarin;
box-shadow: 0 0 0 2px rgba($golden-lion-tamarin, 0.35);
}