Adlandırılmış renk · #C39C55
Steampunk Gold
Steampunk Gold, #C39C55: rgb(195 156 85), hsl(39 48% 55%), oklch(0.714 0.101 81). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Steampunk Gold color name →
#C39C55
oklch(0.714 0.101 81)
Renk dönüşümleri
- HEX
- #c39c55
- RGB
- rgb(195 156 85)
- HSL
- hsl(39 48% 55%)
- HWB
- hwb(39 33% 24%)
- OKLCH
- oklch(0.714 0.101 81)
- OKLab
- oklab(0.714 0.016 0.1)
- CIE Lab
- lab(66.92 8.84 42.45)
- LCH
- lch(66.92 43.36 78.2)
- CMYK
- cmyk(0% 20% 56% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9A667
- CFB079
- D5BA8A
- DBC39B
- E1CDAB
- E7D7BC
- EDE1CD
- F3EBDD
- F9F5EE
Koyu tonlar
- A98749
- 90733D
- 785F31
- 604C26
- 4A391C
- 342811
- 201808
- 0E0902
- 020100
Gri tonlar
- BC995B
- B59761
- AF9466
- A8916A
- A18F6E
- 9B8C72
- 948976
- 8D867A
- 87837D
Renk uyumları
Tamamlayıcı +180°
- C39C55
Steampunk Gold
- 7FA3E2
≈ Blue Cue
Analog -30° +30°
- C39C55
Steampunk Gold
- D59067
≈ Copper Cove
- A5A95B
≈ Spinach Banana Smoothie
Üçlü +120° +240°
- C39C55
Steampunk Gold
- 44B5BC
≈ Glassmith
- C08EC9
≈ Violaceous
Bölünmüş tamamlayıcı +150° +210°
- C39C55
Steampunk Gold
- 59AED6
≈ Crystal Seas
- A397DD
≈ Dull Lavender
Dörtlü +90° +180° +270°
- C39C55
Steampunk Gold
- 58B79A
≈ Keppel
- 7FA3E2
≈ Blue Cue
- D388AA
≈ Berry Twist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.55:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.20:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--steampunk-gold: #c39c55;
--steampunk-gold-rgb: 195 156 85;
--steampunk-gold-oklch: oklch(0.714 0.101 81);
}
.element {
color: var(--steampunk-gold);
background-color: hsl(39 48% 55%);
border-color: oklch(0.714 0.101 81);
}Tailwind CSS v4
@theme {
--color-steampunk-gold: #c39c55;
--color-steampunk-gold-50: #fff3d5;
--color-steampunk-gold-100: #f8e6c2;
--color-steampunk-gold-200: #e9d1a4;
--color-steampunk-gold-300: #d1b37b;
--color-steampunk-gold-400: #bd9856;
--color-steampunk-gold-500: #a87e2a;
--color-steampunk-gold-600: #8e6b26;
--color-steampunk-gold-700: #72561e;
--color-steampunk-gold-800: #553e14;
--color-steampunk-gold-900: #3b2b0d;
--color-steampunk-gold-950: #251802;
}SCSS
$steampunk-gold: #c39c55;
$steampunk-gold-rgb: 195, 156, 85;
$steampunk-gold-light: mix(#fff, $steampunk-gold, 20%);
$steampunk-gold-dark: mix(#000, $steampunk-gold, 20%);
.element {
color: $steampunk-gold;
box-shadow: 0 0 0 2px rgba($steampunk-gold, 0.35);
}