Adlandırılmış renk · #C1A44A
Creed
Creed, #C1A44A: rgb(193 164 74), hsl(45 49% 52%), oklch(0.727 0.114 91.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Creed color name →
#C1A44A
oklch(0.727 0.114 91.5)
Renk dönüşümleri
- HEX
- #c1a44a
- RGB
- rgb(193 164 74)
- HSL
- hsl(45 49% 52%)
- HWB
- hwb(45 29% 24%)
- OKLCH
- oklch(0.727 0.114 91.5)
- OKLab
- oklab(0.727 -0.003 0.114)
- CIE Lab
- lab(68.67 3.3 49.6)
- LCH
- lch(68.67 49.71 86.2)
- CMYK
- cmyk(0% 15% 62% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7AD5F
- CDB672
- D3BF84
- DAC896
- E0D2A8
- E6DBB9
- ECE4CB
- F2EDDC
- F9F6EE
Koyu tonlar
- A78E3F
- 8F7935
- 77642A
- 5F5020
- 493D17
- 342B0E
- 201A06
- 0E0A02
- 020100
Gri tonlar
- BAA152
- B49D59
- AD9A60
- A69666
- A0926B
- 998F70
- 938B74
- 8D8878
- 86847C
Renk uyumları
Tamamlayıcı +180°
- C1A44A
Creed
- 8DA2EF
≈ Cold Lips
Analog -30° +30°
- C1A44A
Creed
- DA9557
≈ Brushed Clay
- 9BB25D
≈ Pandan Cake
Üçlü +120° +240°
- C1A44A
Creed
- 34B9D0
≈ Holiday Blue
- D08CC7
≈ Cyclamen
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.42:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.67:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--creed: #c1a44a;
--creed-rgb: 193 164 74;
--creed-oklch: oklch(0.727 0.114 91.5);
}
.element {
color: var(--creed);
background-color: hsl(45 49% 52%);
border-color: oklch(0.727 0.114 91.5);
}Tailwind CSS v4
@theme {
--color-creed: #c1a44a;
--color-creed-50: #fff5d1;
--color-creed-100: #f4e8bd;
--color-creed-200: #e4d49c;
--color-creed-300: #cbb772;
--color-creed-400: #b79c48;
--color-creed-500: #a28205;
--color-creed-600: #896e0e;
--color-creed-700: #6e580c;
--color-creed-800: #524006;
--color-creed-900: #392c04;
--color-creed-950: #231900;
}SCSS
$creed: #c1a44a;
$creed-rgb: 193, 164, 74;
$creed-light: mix(#fff, $creed, 20%);
$creed-dark: mix(#000, $creed, 20%);
.element {
color: $creed;
box-shadow: 0 0 0 2px rgba($creed, 0.35);
}