Colore con nome più vicino · #C89571
#C89571
Colore con nome più vicino: Butterum
#C89571 (rgb(200 149 113), hsl(25 44% 61%), oklch(0.71 0.079 56.3)) è più vicino al colore con nome Butterum. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C89571
oklch(0.71 0.079 56.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CE9F7F
- D4AA8D
- D9B49B
- DFBFA9
- E4C9B7
- EAD4C5
- EFDFD4
- F5E9E2
- FAF4F0
Ombre
- AE8161
- 946D52
- 7B5A43
- 634835
- 4C3727
- 36261A
- 21160E
- 0F0804
- 020101
Toni
- C19373
- BA9175
- B38F77
- AB8D78
- A48B7A
- 9D897B
- 96877C
- 8F847E
- 87827F
Armonie di colore
Complementare +180°
- C89571
Butterum
- 70A9CD
≈ Chronus Blue
Analogo -30° +30°
- C89571
Butterum
- CE8F87
≈ Resounding Rose
- B79E67
≈ Grainfield
Triadico +120° +240°
- C89571
Butterum
- 68B2A0
≈ Tropic Turquoise
- A698CE
≈ Gorgeous Hydrangea
Complementare divisa +150° +210°
- C89571
Butterum
- 61B0BA
≈ Ocean Trip
- 8BA1D4
≈ Azureno
Tetradico +90° +180° +270°
- C89571
Butterum
- 81AF84
≈ Peapod
- 70A9CD
≈ Chronus Blue
- BC90BC
≈ La la Love
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.99:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
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);
}