Najbliższy nazwany kolor · #363B15
#363B15
Najbliższy nazwany kolor: Wasabi Nori
#363B15 (rgb(54 59 21), hsl(68 48% 16%), oklch(0.338 0.058 115.8)) jest najbliższy nazwanemu kolorowi Wasabi Nori. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#363B15
oklch(0.338 0.058 115.8)
Konwersje koloru
- HEX
- #363b15
- RGB
- rgb(54 59 21)
- HSL
- hsl(68 48% 16%)
- HWB
- hwb(68 8% 77%)
- OKLCH
- oklch(0.338 0.058 115.8)
- OKLab
- oklab(0.338 -0.025 0.052)
- CIE Lab
- lab(23.68 -7.06 22.29)
- LCH
- lch(23.68 23.38 107.6)
- CMYK
- cmyk(8% 0% 64% 77%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 474C2B
- 595E40
- 6C7156
- 80846C
- 949783
- A8AB9B
- BDC0B3
- D3D4CC
- E9EAE5
Odcienie ciemniejsze
- 2E3211
- 25290C
- 1E2108
- 161905
- 0F1103
- 080902
- 030401
- 010100
- 000000
Tony
- 3D4220
- 44482B
- 4B4F35
- 525640
- 595D4A
- 616455
- 696B5F
- 70726A
- 787975
Harmonie kolorów
Komplementarna +180°
- 363B15
Wasabi Nori
- 3A3152
≈ Violet Purple
Analogowa -30° +30°
- 363B15
Wasabi Nori
- 45350F
≈ Night in the Woods
- 223F25
≈ Mizukaze Green
Triada +120° +240°
- 363B15
Wasabi Nori
- 143C51
≈ Duskwood
- 4F2A38
≈ Black Rose
Komplementarna rozszczepiona +150° +210°
- 363B15
Wasabi Nori
- 293656
≈ Midnight Escapade
- 472C48
≈ Purple Pennant
Tetrada +90° +180° +270°
- 363B15
Wasabi Nori
- 004046
≈ Rich Black
- 3A3152
≈ Violet Purple
- 522B27
≈ Momoshio Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.71:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.79:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--wasabi-nori: #363b15;
--wasabi-nori-rgb: 54 59 21;
--wasabi-nori-oklch: oklch(0.338 0.058 115.8);
}
.element {
color: var(--wasabi-nori);
background-color: hsl(68 48% 16%);
border-color: oklch(0.338 0.058 115.8);
}Tailwind CSS v4
@theme {
--color-wasabi-nori: #363b15;
--color-wasabi-nori-50: #f3f8e5;
--color-wasabi-nori-100: #e6ebd5;
--color-wasabi-nori-200: #d2d8bc;
--color-wasabi-nori-300: #b4bc9b;
--color-wasabi-nori-400: #9ca37c;
--color-wasabi-nori-500: #848b5f;
--color-wasabi-nori-600: #707650;
--color-wasabi-nori-700: #595e40;
--color-wasabi-nori-800: #42452d;
--color-wasabi-nori-900: #2d301f;
--color-wasabi-nori-950: #1a1c0e;
}SCSS
$wasabi-nori: #363b15;
$wasabi-nori-rgb: 54, 59, 21;
$wasabi-nori-light: mix(#fff, $wasabi-nori, 20%);
$wasabi-nori-dark: mix(#000, $wasabi-nori, 20%);
.element {
color: $wasabi-nori;
box-shadow: 0 0 0 2px rgba($wasabi-nori, 0.35);
}