Adlandırılmış renk · #CAD175
Fool’s Gold
Fool’s Gold, #CAD175: rgb(202 209 117), hsl(65 50% 64%), oklch(0.835 0.116 112.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? → · Fool’s Gold color name →
#CAD175
oklch(0.835 0.116 112.5)
Renk dönüşümleri
- HEX
- #cad175
- RGB
- rgb(202 209 117)
- HSL
- hsl(65 50% 64%)
- HWB
- hwb(65 46% 18%)
- OKLCH
- oklch(0.835 0.116 112.5)
- OKLab
- oklab(0.835 -0.044 0.107)
- CIE Lab
- lab(81.8 -12.35 44.51)
- LCH
- lch(81.8 46.19 105.5)
- CMYK
- cmyk(3% 0% 44% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD684
- D4DA93
- D9DFA1
- DFE4AF
- E4E8BC
- E9EDCA
- EFF2D7
- F4F6E5
- F9FBF2
Koyu tonlar
- AFB565
- 959B55
- 7C8146
- 646837
- 4D5029
- 37391C
- 22230F
- 0F1005
- 020201
Gri tonlar
- C2C978
- BBC17A
- B3B87C
- ABB07D
- A4A87E
- 9DA07F
- 959880
- 8E9080
- 878880
Renk uyumları
Tamamlayıcı +180°
- CAD175
Fool’s Gold
- CABFFF
≈ Lavender Tonic
Analog -30° +30°
- CAD175
Fool’s Gold
- EEC26C
≈ Vietnamese Lantern
- 9CDD96
≈ Retro
Üçlü +120° +240°
- CAD175
Fool’s Gold
- 83D5FF
≈ Kul Sharif Blue
- FFACD0
≈ Majin Bū Pink
Bölünmüş tamamlayıcı +150° +210°
- CAD175
Fool’s Gold
- ADCAFF
≈ Night Snow
- EDAFF6
≈ Candy Dreams
Dörtlü +90° +180° +270°
- CAD175
Fool’s Gold
- 59DFEA
≈ Blue Dacnis
- CABFFF
≈ Lavender Tonic
- FFB2AE
≈ Wildflower Bouquet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.88:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--fool-s-gold: #cad175;
--fool-s-gold-rgb: 202 209 117;
--fool-s-gold-oklch: oklch(0.835 0.116 112.5);
}
.element {
color: var(--fool-s-gold);
background-color: hsl(65 50% 64%);
border-color: oklch(0.835 0.116 112.5);
}Tailwind CSS v4
@theme {
--color-fool-s-gold: #cad175;
--color-fool-s-gold-50: #f4fad4;
--color-fool-s-gold-100: #e6edc1;
--color-fool-s-gold-200: #d3dba1;
--color-fool-s-gold-300: #b6bf78;
--color-fool-s-gold-400: #9fa54f;
--color-fool-s-gold-500: #888d1d;
--color-fool-s-gold-600: #73781c;
--color-fool-s-gold-700: #5c6017;
--color-fool-s-gold-800: #45460c;
--color-fool-s-gold-900: #2f3008;
--color-fool-s-gold-950: #1c1c00;
}SCSS
$fool-s-gold: #cad175;
$fool-s-gold-rgb: 202, 209, 117;
$fool-s-gold-light: mix(#fff, $fool-s-gold, 20%);
$fool-s-gold-dark: mix(#000, $fool-s-gold, 20%);
.element {
color: $fool-s-gold;
box-shadow: 0 0 0 2px rgba($fool-s-gold, 0.35);
}