Nächste benannte Farbe · #C89571
#C89571
Nächste benannte Farbe: Butterum
#C89571 (rgb(200 149 113), hsl(25 44% 61%), oklch(0.71 0.079 56.3)) liegt am nächsten an der benannten Farbe Butterum. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C89571
oklch(0.71 0.079 56.3)
Farbumrechnungen
- HEX
- #c89571
- RGB
- rgb(200 149 113)
- HSL
- hsl(25 44% 61%)
- HWB
- hwb(25 44% 22%)
- OKLCH
- oklch(0.71 0.079 56.3)
- OKLab
- oklab(0.71 0.044 0.066)
- CIE Lab
- lab(66.06 16.46 26.9)
- LCH
- lch(66.06 31.54 58.5)
- CMYK
- cmyk(0% 25% 44% 22%)
Tints · Shades · Tones
Tints
- CE9F7F
- D4AA8D
- D9B49B
- DFBFA9
- E4C9B7
- EAD4C5
- EFDFD4
- F5E9E2
- FAF4F0
Shades
- AE8161
- 946D52
- 7B5A43
- 634835
- 4C3727
- 36261A
- 21160E
- 0F0804
- 020101
Tones
- C19373
- BA9175
- B38F77
- AB8D78
- A48B7A
- 9D897B
- 96877C
- 8F847E
- 87827F
Farbharmonien
Komplementär +180°
- C89571
Butterum
- 70A9CD
≈ Chronus Blue
Analog -30° +30°
- C89571
Butterum
- CE8F87
≈ Resounding Rose
- B79E67
≈ Grainfield
Triadisch +120° +240°
- C89571
Butterum
- 68B2A0
≈ Tropic Turquoise
- A698CE
≈ Gorgeous Hydrangea
Geteilt komplementär +150° +210°
- C89571
Butterum
- 61B0BA
≈ Ocean Trip
- 8BA1D4
≈ Azureno
Tetradisch +90° +180° +270°
- C89571
Butterum
- 81AF84
≈ Peapod
- 70A9CD
≈ Chronus Blue
- BC90BC
≈ La la Love
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.99:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--butterum: #c89571;
--butterum-rgb: 200 149 113;
--butterum-oklch: oklch(0.71 0.079 56.3);
}
.element {
color: var(--butterum);
background-color: hsl(25 44% 61%);
border-color: oklch(0.71 0.079 56.3);
}Tailwind CSS v4
@theme {
--color-butterum: #c89571;
--color-butterum-50: #fff0df;
--color-butterum-100: #fde2cf;
--color-butterum-200: #efcdb4;
--color-butterum-300: #d7ae90;
--color-butterum-400: #c39371;
--color-butterum-500: #ae7851;
--color-butterum-600: #936645;
--color-butterum-700: #765137;
--color-butterum-800: #583b27;
--color-butterum-900: #3d281a;
--color-butterum-950: #27160b;
}SCSS
$butterum: #c89571;
$butterum-rgb: 200, 149, 113;
$butterum-light: mix(#fff, $butterum, 20%);
$butterum-dark: mix(#000, $butterum, 20%);
.element {
color: $butterum;
box-shadow: 0 0 0 2px rgba($butterum, 0.35);
}