Benannte Farbe · #C08F45
Centra
Centra ist #C08F45: rgb(192 143 69), hsl(36 49% 51%), oklch(0.683 0.109 75.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Centra color name →
#C08F45
oklch(0.683 0.109 75.4)
Farbumrechnungen
- HEX
- #c08f45
- RGB
- rgb(192 143 69)
- HSL
- hsl(36 49% 51%)
- HWB
- hwb(36 27% 25%)
- OKLCH
- oklch(0.683 0.109 75.4)
- OKLab
- oklab(0.683 0.027 0.105)
- CIE Lab
- lab(63.16 13.46 45.96)
- LCH
- lch(63.16 47.89 73.7)
- CMYK
- cmyk(0% 26% 64% 25%)
Tints · Shades · Tones
Tints
- C79A5A
- CDA56D
- D3B080
- DABC92
- E0C7A4
- E6D2B6
- EDDDC8
- F3E8DA
- F9F4ED
Shades
- A77C3B
- 8E6931
- 765727
- 5F451E
- 493415
- 34240C
- 201505
- 0E0702
- 020100
Tones
- BA8E4D
- B38D55
- AD8B5C
- A78A62
- A08868
- 9A876D
- 938572
- 8D8477
- 86827C
Farbharmonien
Komplementär +180°
- C08F45
Centra
- 6A9CDB
≈ Blue Bay
Analog -30° +30°
- C08F45
Centra
- D1835F
≈ Burning Sand
- A39D47
≈ Poplar
Triadisch +120° +240°
- C08F45
Centra
- 26AEAE
≈ Larkspur Blue
- B384C7
≈ Creeping Bellflower
Geteilt komplementär +150° +210°
- C08F45
Centra
- 3DA7CC
≈ Laguna
- 938FDA
≈ Perrywinkle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.89:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.25:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--centra: #c08f45;
--centra-rgb: 192 143 69;
--centra-oklch: oklch(0.683 0.109 75.4);
}
.element {
color: var(--centra);
background-color: hsl(36 49% 51%);
border-color: oklch(0.683 0.109 75.4);
}Tailwind CSS v4
@theme {
--color-centra: #c08f45;
--color-centra-50: #fff2d3;
--color-centra-100: #fde4c0;
--color-centra-200: #efcfa0;
--color-centra-300: #d7b177;
--color-centra-400: #c49550;
--color-centra-500: #af7a20;
--color-centra-600: #94681e;
--color-centra-700: #775318;
--color-centra-800: #593c10;
--color-centra-900: #3e290a;
--color-centra-950: #271700;
}SCSS
$centra: #c08f45;
$centra-rgb: 192, 143, 69;
$centra-light: mix(#fff, $centra, 20%);
$centra-dark: mix(#000, $centra, 20%);
.element {
color: $centra;
box-shadow: 0 0 0 2px rgba($centra, 0.35);
}