Colore con nome · #464826
Nori Seaweed Green
Nori Seaweed Green è #464826: rgb(70 72 38), hsl(64 31% 22%), oklch(0.391 0.052 111.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Nori Seaweed Green color name →
#464826
oklch(0.391 0.052 111.5)
Conversioni di colore
- HEX
- #464826
- RGB
- rgb(70 72 38)
- HSL
- hsl(64 31% 22%)
- HWB
- hwb(64 15% 72%)
- OKLCH
- oklch(0.391 0.052 111.5)
- OKLab
- oklab(0.391 -0.019 0.049)
- CIE Lab
- lab(29.73 -5.29 20.02)
- LCH
- lch(29.73 20.71 104.8)
- CMYK
- cmyk(3% 0% 47% 72%)
Tinte · Ombre · Toni
Tinte
- 56583A
- 67694E
- 797B62
- 8B8D77
- 9D9F8D
- B0B1A3
- C3C4B9
- D7D8D0
- EBEBE7
Ombre
- 3C3D20
- 323319
- 282913
- 1E1F0D
- 151608
- 0D0D04
- 050602
- 020201
- 000000
Toni
- 4B4D2F
- 515338
- 575841
- 5C5E4A
- 626453
- 68695C
- 6E6F65
- 74756E
- 7A7A77
Armonie di colore
Complementare +180°
- 464826
Nori Seaweed Green
- 45405F
≈ Heraldic
Analogo -30° +30°
- 464826
Nori Seaweed Green
- 534223
≈ Clove Yellow Brown
- 354C32
≈ Nettle Green
Triadico +120° +240°
- 464826
Nori Seaweed Green
- 254A5C
≈ Arapawa
- 5B3948
≈ Enchantress
Complementare divisa +150° +210°
- 464826
Nori Seaweed Green
- 364561
≈ Stay the Night
- 523C56
≈ Amethyst Dark Violet
Tetradico +90° +180° +270°
- 464826
Nori Seaweed Green
- 1D4E51
≈ Immersed
- 45405F
≈ Heraldic
- 5E3A39
≈ Pa Red
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.47:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.21:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--nori-seaweed-green: #464826;
--nori-seaweed-green-rgb: 70 72 38;
--nori-seaweed-green-oklch: oklch(0.391 0.052 111.5);
}
.element {
color: var(--nori-seaweed-green);
background-color: hsl(64 31% 22%);
border-color: oklch(0.391 0.052 111.5);
}Tailwind CSS v4
@theme {
--color-nori-seaweed-green: #464826;
--color-nori-seaweed-green-50: #f5f7e6;
--color-nori-seaweed-green-100: #e7ead7;
--color-nori-seaweed-green-200: #d4d7be;
--color-nori-seaweed-green-300: #b7bb9d;
--color-nori-seaweed-green-400: #9fa27e;
--color-nori-seaweed-green-500: #878a62;
--color-nori-seaweed-green-600: #727553;
--color-nori-seaweed-green-700: #5b5d42;
--color-nori-seaweed-green-800: #43442f;
--color-nori-seaweed-green-900: #2f2f20;
--color-nori-seaweed-green-950: #1b1c0f;
}SCSS
$nori-seaweed-green: #464826;
$nori-seaweed-green-rgb: 70, 72, 38;
$nori-seaweed-green-light: mix(#fff, $nori-seaweed-green, 20%);
$nori-seaweed-green-dark: mix(#000, $nori-seaweed-green, 20%);
.element {
color: $nori-seaweed-green;
box-shadow: 0 0 0 2px rgba($nori-seaweed-green, 0.35);
}