Nazwany kolor · #464826
Nori Seaweed Green
Nori Seaweed Green to #464826: rgb(70 72 38), hsl(64 31% 22%), oklch(0.391 0.052 111.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Nori Seaweed Green color name →
#464826
oklch(0.391 0.052 111.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 56583A
- 67694E
- 797B62
- 8B8D77
- 9D9F8D
- B0B1A3
- C3C4B9
- D7D8D0
- EBEBE7
Odcienie ciemniejsze
- 3C3D20
- 323319
- 282913
- 1E1F0D
- 151608
- 0D0D04
- 050602
- 020201
- 000000
Tony
- 4B4D2F
- 515338
- 575841
- 5C5E4A
- 626453
- 68695C
- 6E6F65
- 74756E
- 7A7A77
Harmonie kolorów
Komplementarna +180°
- 464826
Nori Seaweed Green
- 45405F
≈ Heraldic
Analogowa -30° +30°
- 464826
Nori Seaweed Green
- 534223
≈ Clove Yellow Brown
- 354C32
≈ Nettle Green
Triada +120° +240°
- 464826
Nori Seaweed Green
- 254A5C
≈ Arapawa
- 5B3948
≈ Enchantress
Komplementarna rozszczepiona +150° +210°
- 464826
Nori Seaweed Green
- 364561
≈ Stay the Night
- 523C56
≈ Amethyst Dark Violet
Tetrada +90° +180° +270°
- 464826
Nori Seaweed Green
- 1D4E51
≈ Immersed
- 45405F
≈ Heraldic
- 5E3A39
≈ Pa Red
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.47:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.21:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}