Colore con nome · #C5B583
Halfway Green
Halfway Green è #C5B583: rgb(197 181 131), hsl(45 36% 64%), oklch(0.774 0.069 92.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Halfway Green color name →
#C5B583
oklch(0.774 0.069 92.4)
Conversioni di colore
- HEX
- #c5b583
- RGB
- rgb(197 181 131)
- HSL
- hsl(45 36% 64%)
- HWB
- hwb(45 51% 23%)
- OKLCH
- oklch(0.774 0.069 92.4)
- OKLab
- oklab(0.774 -0.003 0.069)
- CIE Lab
- lab(74.14 0.41 27.73)
- LCH
- lch(74.14 27.73 89.2)
- CMYK
- cmyk(0% 8% 34% 23%)
Tinte · Ombre · Toni
Tinte
- CBBC8F
- D0C49C
- D6CBA8
- DCD2B4
- E2DAC1
- E7E1CD
- EDE9D9
- F3F0E6
- F9F8F2
Ombre
- AB9D71
- 928660
- 796F4F
- 61593F
- 4B442F
- 353020
- 211D12
- 0E0C06
- 020201
Toni
- BEB083
- B7AA83
- B0A583
- A9A083
- A29A83
- 9B9582
- 949082
- 8D8A81
- 878581
Armonie di colore
Complementare +180°
- C5B583
Halfway Green
- A6B4E3
≈ Myrtle Flower
Analogo -30° +30°
- C5B583
Halfway Green
- D6AC88
≈ Sweet Sue
- AEBD8C
≈ Chervil Leaves
Triadico +120° +240°
- C5B583
Halfway Green
- 81C2D0
≈ Antigua Sand
- D1A6C9
≈ Berry Popsicle
Complementare divisa +150° +210°
- C5B583
Halfway Green
- 8FBCDF
≈ Double Denim
- BEACDB
≈ Perfume
Tetradico +90° +180° +270°
- C5B583
Halfway Green
- 83C5B9
≈ Booty Bay
- A6B4E3
≈ Myrtle Flower
- DCA4B2
≈ Iced Vovo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.31:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--halfway-green: #c5b583;
--halfway-green-rgb: 197 181 131;
--halfway-green-oklch: oklch(0.774 0.069 92.4);
}
.element {
color: var(--halfway-green);
background-color: hsl(45 36% 64%);
border-color: oklch(0.774 0.069 92.4);
}Tailwind CSS v4
@theme {
--color-halfway-green: #c5b583;
--color-halfway-green-50: #fbf5e0;
--color-halfway-green-100: #efe8cf;
--color-halfway-green-200: #ddd4b4;
--color-halfway-green-300: #c2b790;
--color-halfway-green-400: #ad9e6f;
--color-halfway-green-500: #96854f;
--color-halfway-green-600: #7f7144;
--color-halfway-green-700: #665a36;
--color-halfway-green-800: #4b4126;
--color-halfway-green-900: #342d19;
--color-halfway-green-950: #201a0a;
}SCSS
$halfway-green: #c5b583;
$halfway-green-rgb: 197, 181, 131;
$halfway-green-light: mix(#fff, $halfway-green, 20%);
$halfway-green-dark: mix(#000, $halfway-green, 20%);
.element {
color: $halfway-green;
box-shadow: 0 0 0 2px rgba($halfway-green, 0.35);
}