Benannte Farbe · #CA8136
Golden Bell
Golden Bell ist #CA8136: rgb(202 129 54), hsl(30 58% 50%), oklch(0.666 0.126 62.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Bell color name →
#CA8136
oklch(0.666 0.126 62.9)
Farbumrechnungen
- HEX
- #ca8136
- RGB
- rgb(202 129 54)
- HSL
- hsl(30 58% 50%)
- HWB
- hwb(30 21% 21%)
- OKLCH
- oklch(0.666 0.126 62.9)
- OKLab
- oklab(0.666 0.057 0.113)
- CIE Lab
- lab(60.87 24.43 51.02)
- LCH
- lch(60.87 56.56 64.4)
- CMYK
- cmyk(0% 36% 73% 21%)
Tints · Shades · Tones
Tints
- D08E4E
- D69A63
- DCA777
- E1B48B
- E7C09E
- ECCDB2
- F1D9C5
- F6E6D8
- FAF2EC
Shades
- AF6F2E
- 955E25
- 7C4E1E
- 643E16
- 4D2E0F
- 371F08
- 221203
- 0F0601
- 020100
Tones
- C38141
- BC824B
- B58253
- AD825B
- A68262
- 9F8269
- 97826F
- 908175
- 88817B
Farbharmonien
Komplementär +180°
- CA8136
Golden Bell
- 439CDB
≈ Flax Flower Blue
Analog -30° +30°
- CA8136
Golden Bell
- D67560
≈ OK Corral
- AF9122
≈ Manure
Triadisch +120° +240°
- CA8136
Golden Bell
- 00AB9B
≈ Tropical Hideaway
- A480D4
≈ Wisteria
Geteilt komplementär +150° +210°
- CA8136
Golden Bell
- 00A6BE
≈ Maui
- 7B8EE1
≈ Perrywinkle
Tetradisch +90° +180° +270°
- CA8136
Golden Bell
- 4DAA6E
≈ Fresh Oregano
- 439CDB
≈ Flax Flower Blue
- C275B5
≈ Bishop Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.13:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.70:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--golden-bell: #ca8136;
--golden-bell-rgb: 202 129 54;
--golden-bell-oklch: oklch(0.666 0.126 62.9);
}
.element {
color: var(--golden-bell);
background-color: hsl(30 58% 50%);
border-color: oklch(0.666 0.126 62.9);
}Tailwind CSS v4
@theme {
--color-golden-bell: #ca8136;
--color-golden-bell-50: #ffefd0;
--color-golden-bell-100: #ffe0bc;
--color-golden-bell-200: #fbca9b;
--color-golden-bell-300: #e4aa70;
--color-golden-bell-400: #d38d48;
--color-golden-bell-500: #bf7009;
--color-golden-bell-600: #a25f10;
--color-golden-bell-700: #824c0d;
--color-golden-bell-800: #613609;
--color-golden-bell-900: #442506;
--color-golden-bell-950: #2c1300;
}SCSS
$golden-bell: #ca8136;
$golden-bell-rgb: 202, 129, 54;
$golden-bell-light: mix(#fff, $golden-bell, 20%);
$golden-bell-dark: mix(#000, $golden-bell, 20%);
.element {
color: $golden-bell;
box-shadow: 0 0 0 2px rgba($golden-bell, 0.35);
}