Benannte Farbe · #795F4D
Caraïbe
Caraïbe ist #795F4D: rgb(121 95 77), hsl(25 22% 39%), oklch(0.507 0.044 56.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Caraïbe color name →
#795F4D
oklch(0.507 0.044 56.2)
Farbumrechnungen
- HEX
- #795f4d
- RGB
- rgb(121 95 77)
- HSL
- hsl(25 22% 39%)
- HWB
- hwb(25 30% 53%)
- OKLCH
- oklch(0.507 0.044 56.2)
- OKLab
- oklab(0.507 0.024 0.036)
- CIE Lab
- lab(42.62 8.89 14.57)
- LCH
- lch(42.62 17.07 58.6)
- CMYK
- cmyk(0% 21% 36% 53%)
Tints · Shades · Tones
Tints
- 866E5D
- 937D6E
- A08C7F
- AD9C90
- BAACA2
- C8BCB4
- D5CCC6
- E3DDD9
- F1EEEC
Shades
- 685242
- 584437
- 48382C
- 392C22
- 2B2018
- 1D150F
- 100A07
- 050302
- 010000
Tones
- 7A6252
- 7B6657
- 7B695C
- 7C6C61
- 7D7066
- 7E736C
- 7E7671
- 7F7976
- 7F7D7B
Farbharmonien
Komplementär +180°
- 795F4D
Caraïbe
- 4D697B
≈ Before the Storm
Analog -30° +30°
- 795F4D
Caraïbe
- 7C5C58
≈ Musk Deer
- 706448
≈ Covered Wagon
Triadisch +120° +240°
- 795F4D
Caraïbe
- 4A6E64
≈ Cormorant
- 67607C
≈ Blue Potato
Geteilt komplementär +150° +210°
- 795F4D
Caraïbe
- 476D72
≈ Holy Water
- 59657F
≈ Dana
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.90:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.55:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--caraibe: #795f4d;
--caraibe-rgb: 121 95 77;
--caraibe-oklch: oklch(0.507 0.044 56.2);
}
.element {
color: var(--caraibe);
background-color: hsl(25 22% 39%);
border-color: oklch(0.507 0.044 56.2);
}Tailwind CSS v4
@theme {
--color-caraibe: #795f4d;
--color-caraibe-50: #fff2e9;
--color-caraibe-100: #f4e5da;
--color-caraibe-200: #e3d0c2;
--color-caraibe-300: #c9b2a2;
--color-caraibe-400: #b39886;
--color-caraibe-500: #9d7f6a;
--color-caraibe-600: #856c5a;
--color-caraibe-700: #6b5648;
--color-caraibe-800: #4f3f34;
--color-caraibe-900: #372b24;
--color-caraibe-950: #221812;
}SCSS
$caraibe: #795f4d;
$caraibe-rgb: 121, 95, 77;
$caraibe-light: mix(#fff, $caraibe, 20%);
$caraibe-dark: mix(#000, $caraibe, 20%);
.element {
color: $caraibe;
box-shadow: 0 0 0 2px rgba($caraibe, 0.35);
}