Adlandırılmış renk · #B18140
Amber Romance
Amber Romance, #B18140: rgb(177 129 64), hsl(35 47% 47%), oklch(0.638 0.101 72.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Amber Romance color name →
#B18140
oklch(0.638 0.101 72.5)
Renk dönüşümleri
- HEX
- #b18140
- RGB
- rgb(177 129 64)
- HSL
- hsl(35 47% 47%)
- HWB
- hwb(35 25% 31%)
- OKLCH
- oklch(0.638 0.101 72.5)
- OKLab
- oklab(0.638 0.03 0.096)
- CIE Lab
- lab(57.88 14.08 42.06)
- LCH
- lch(57.88 44.35 71.5)
- CMYK
- cmyk(0% 27% 64% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B98D55
- C19A68
- C9A67B
- D1B38E
- D9BFA0
- E0CCB3
- E8D9C6
- F0E5D9
- F7F2EC
Koyu tonlar
- 996F36
- 835E2D
- 6C4E24
- 573E1B
- 422E13
- 2F1F0B
- 1C1205
- 0C0601
- 010100
Gri tonlar
- AC8149
- A78150
- A38157
- 9E815E
- 998164
- 94816A
- 8F8170
- 8A8175
- 85807B
Renk uyumları
Tamamlayıcı +180°
- B18140
Amber Romance
- 5D8FC7
≈ Cobalt Glow
Analog -30° +30°
- B18140
Amber Romance
- BF7659
≈ Oxide
- 978E3F
≈ Jalapeño
Üçlü +120° +240°
- B18140
Amber Romance
- 259F9C
≈ Talismanic Teal
- A179B8
≈ Purple Pride
Bölünmüş tamamlayıcı +150° +210°
- B18140
Amber Romance
- 3499B8
≈ Sailfish
- 8283C7
≈ Twilight Twinkle
Dörtlü +90° +180° +270°
- B18140
Amber Romance
- 4A9F79
≈ Sea Cabbage
- 5D8FC7
≈ Cobalt Glow
- B6729C
≈ Eccentric Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.45:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.08:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--amber-romance: #b18140;
--amber-romance-rgb: 177 129 64;
--amber-romance-oklch: oklch(0.638 0.101 72.5);
}
.element {
color: var(--amber-romance);
background-color: hsl(35 47% 47%);
border-color: oklch(0.638 0.101 72.5);
}Tailwind CSS v4
@theme {
--color-amber-romance: #b18140;
--color-amber-romance-50: #fff2d6;
--color-amber-romance-100: #fde4c3;
--color-amber-romance-200: #eecfa5;
--color-amber-romance-300: #d6b07d;
--color-amber-romance-400: #c39558;
--color-amber-romance-500: #af7a2f;
--color-amber-romance-600: #946829;
--color-amber-romance-700: #765321;
--color-amber-romance-800: #583c16;
--color-amber-romance-900: #3e290e;
--color-amber-romance-950: #271702;
}SCSS
$amber-romance: #b18140;
$amber-romance-rgb: 177, 129, 64;
$amber-romance-light: mix(#fff, $amber-romance, 20%);
$amber-romance-dark: mix(#000, $amber-romance, 20%);
.element {
color: $amber-romance;
box-shadow: 0 0 0 2px rgba($amber-romance, 0.35);
}