Colore con nome · #B1A591
Sedge
Sedge è #B1A591: rgb(177 165 145), hsl(38 17% 63%), oklch(0.727 0.031 80.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sedge color name →
#B1A591
oklch(0.727 0.031 80.6)
Conversioni di colore
- HEX
- #b1a591
- RGB
- rgb(177 165 145)
- HSL
- hsl(38 17% 63%)
- HWB
- hwb(38 57% 31%)
- OKLCH
- oklch(0.727 0.031 80.6)
- OKLab
- oklab(0.727 0.005 0.031)
- CIE Lab
- lab(68.37 2 12.06)
- LCH
- lch(68.37 12.23 80.6)
- CMYK
- cmyk(0% 7% 18% 31%)
Tinte · Ombre · Toni
Tinte
- B9AE9C
- C0B6A6
- C8BFB1
- D0C8BC
- D7D1C7
- DFDAD2
- E7E3DD
- EFECE8
- F7F6F4
Ombre
- 998F7D
- 83796A
- 6C6558
- 575146
- 423D35
- 2F2B25
- 1C1A15
- 0C0A07
- 010101
Toni
- ACA18F
- A79E8E
- A29A8C
- 9D968A
- 989289
- 938F87
- 8E8B85
- 8A8783
- 858482
Armonie di colore
Complementare +180°
- B1A591
Sedge
- 9CA7BB
≈ Lead Ore
Analogo -30° +30°
- B1A591
Sedge
- B8A295
≈ White Mouse
- A7A993
≈ Simply Sage
Triadico +120° +240°
- B1A591
Sedge
- 91ADAF
≈ Beach Cottage
- B0A1B3
≈ Obi Lilac
Complementare divisa +150° +210°
- B1A591
Sedge
- 94ABB7
≈ Pacific Bliss
- A6A4B9
≈ Awaken
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.66:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--sedge: #b1a591;
--sedge-rgb: 177 165 145;
--sedge-oklch: oklch(0.727 0.031 80.6);
}
.element {
color: var(--sedge);
background-color: hsl(38 17% 63%);
border-color: oklch(0.727 0.031 80.6);
}Tailwind CSS v4
@theme {
--color-sedge: #b1a591;
--color-sedge-50: #faf4eb;
--color-sedge-100: #ede7dc;
--color-sedge-200: #dbd3c6;
--color-sedge-300: #bfb6a6;
--color-sedge-400: #a89d8a;
--color-sedge-500: #91846f;
--color-sedge-600: #7b705e;
--color-sedge-700: #625a4b;
--color-sedge-800: #484136;
--color-sedge-900: #322d25;
--color-sedge-950: #1e1a14;
}SCSS
$sedge: #b1a591;
$sedge-rgb: 177, 165, 145;
$sedge-light: mix(#fff, $sedge, 20%);
$sedge-dark: mix(#000, $sedge, 20%);
.element {
color: $sedge;
box-shadow: 0 0 0 2px rgba($sedge, 0.35);
}