Colore con nome · #849137
Wasabi Nuts
Wasabi Nuts è #849137: rgb(132 145 55), hsl(69 45% 39%), oklch(0.627 0.115 116.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Wasabi Nuts color name →
#849137
oklch(0.627 0.115 116.8)
Conversioni di colore
- HEX
- #849137
- RGB
- rgb(132 145 55)
- HSL
- hsl(69 45% 39%)
- HWB
- hwb(69 22% 43%)
- OKLCH
- oklch(0.627 0.115 116.8)
- OKLab
- oklab(0.627 -0.052 0.103)
- CIE Lab
- lab(57.72 -14.49 44.56)
- LCH
- lch(57.72 46.86 108)
- CMYK
- cmyk(9% 0% 62% 43%)
Tinte · Ombre · Toni
Tinte
- 8F9C4E
- 9BA762
- A7B276
- B3BC8A
- BFC79D
- CCD2B1
- D8DEC4
- E5E9D8
- F2F4EB
Ombre
- 727D2E
- 606A26
- 4F581E
- 3F4616
- 2F350F
- 202508
- 121503
- 060701
- 010100
Toni
- 839041
- 838E4A
- 828C53
- 828B5A
- 828961
- 818768
- 81866E
- 818474
- 80827A
Armonie di colore
Complementare +180°
- 849137
Wasabi Nuts
- 9079C6
≈ Ube
Analogo -30° +30°
- 849137
Wasabi Nuts
- A78325
≈ Brazen
- 559B5E
≈ Clover Patch
Triadico +120° +240°
- 849137
Wasabi Nuts
- 3492C5
≈ Porpita Porpita
- BF698A
≈ Malevolent Mauve
Complementare divisa +150° +210°
- 849137
Wasabi Nuts
- 6985CE
≈ Livid
- AD6EAD
≈ Berry Burst
Tetradico +90° +180° +270°
- 849137
Wasabi Nuts
- 009AA9
≈ Aquarium Diver
- 9079C6
≈ Ube
- C46B62
≈ Tapestry Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.45:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.08:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--wasabi-nuts: #849137;
--wasabi-nuts-rgb: 132 145 55;
--wasabi-nuts-oklch: oklch(0.627 0.115 116.8);
}
.element {
color: var(--wasabi-nuts);
background-color: hsl(69 45% 39%);
border-color: oklch(0.627 0.115 116.8);
}Tailwind CSS v4
@theme {
--color-wasabi-nuts: #849137;
--color-wasabi-nuts-50: #f1fad6;
--color-wasabi-nuts-100: #e3eec3;
--color-wasabi-nuts-200: #cfdca4;
--color-wasabi-nuts-300: #b1c07c;
--color-wasabi-nuts-400: #9aa754;
--color-wasabi-nuts-500: #828f26;
--color-wasabi-nuts-600: #6e7923;
--color-wasabi-nuts-700: #58611c;
--color-wasabi-nuts-800: #414710;
--color-wasabi-nuts-900: #2d310a;
--color-wasabi-nuts-950: #1a1d00;
}SCSS
$wasabi-nuts: #849137;
$wasabi-nuts-rgb: 132, 145, 55;
$wasabi-nuts-light: mix(#fff, $wasabi-nuts, 20%);
$wasabi-nuts-dark: mix(#000, $wasabi-nuts, 20%);
.element {
color: $wasabi-nuts;
box-shadow: 0 0 0 2px rgba($wasabi-nuts, 0.35);
}