Color con nombre más cercano · #917800
#917800
Color con nombre más cercano: Fernweh
#917800 (rgb(145 120 0), hsl(50 100% 28%), oklch(0.579 0.119 94.3)) se parece más al color con nombre Fernweh. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#917800
oklch(0.579 0.119 94.3)
Conversiones de color
- HEX
- #917800
- RGB
- rgb(145 120 0)
- HSL
- hsl(50 100% 28%)
- HWB
- hwb(50 0% 43%)
- OKLCH
- oklch(0.579 0.119 94.3)
- OKLab
- oklab(0.579 -0.009 0.118)
- CIE Lab
- lab(51.57 2.64 56.59)
- LCH
- lch(51.57 56.65 87.3)
- CMYK
- cmyk(0% 17% 100% 43%)
Tintes · Sombras · Tonos
Tintes
- 9B8530
- A6924B
- B1A062
- BCAD79
- C7BA8F
- D2C8A5
- DDD6BC
- E8E3D2
- F3F1E8
Sombras
- 7D6700
- 6A5700
- 584800
- 463900
- 352A00
- 251D00
- 151000
- 070500
- 010100
Tonos
- 8F7921
- 8E7A31
- 8C7B3E
- 8A7C4A
- 887D54
- 877E5D
- 857E67
- 837F6F
- 828078
Armonías de color
Complementario +180°
- 917800
Fernweh
- 6573C0
≈ Flood
Análogo -30° +30°
- 917800
Fernweh
- AA691E
≈ Theatre Gold
- 6B862D
≈ Sun Valley
Triádico +120° +240°
- 917800
Fernweh
- 00899F
≈ Teal Blue
- A45D97
≈ Heath Spotted Orchid
Complementario dividido +150° +210°
- 917800
Fernweh
- 3080BB
≈ Mediterranean Blue
- 8A67B3
≈ Lavish Spending
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.29:1 · APCA Lc 70
Ag
AASobre negro
WCAG 4.89:1 · APCA Lc 32
Mejor color de texto: #000000
WCAG 4.89:1 (AA) · APCA Lc 32
Contrast pairs
Fragmentos de código
CSS
:root {
--fernweh: #917800;
--fernweh-rgb: 145 120 0;
--fernweh-oklch: oklch(0.579 0.119 94.3);
}
.element {
color: var(--fernweh);
background-color: hsl(50 100% 28%);
border-color: oklch(0.579 0.119 94.3);
}Tailwind CSS v4
@theme {
--color-fernweh: #917800;
--color-fernweh-50: #fff6d0;
--color-fernweh-100: #f3e9bc;
--color-fernweh-200: #e3d59a;
--color-fernweh-300: #c9b86f;
--color-fernweh-400: #b59d43;
--color-fernweh-500: #a08400;
--color-fernweh-600: #877000;
--color-fernweh-700: #6c5903;
--color-fernweh-800: #514101;
--color-fernweh-900: #382d02;
--color-fernweh-950: #231900;
}SCSS
$fernweh: #917800;
$fernweh-rgb: 145, 120, 0;
$fernweh-light: mix(#fff, $fernweh, 20%);
$fernweh-dark: mix(#000, $fernweh, 20%);
.element {
color: $fernweh;
box-shadow: 0 0 0 2px rgba($fernweh, 0.35);
}