Couleur nommée la plus proche · #363B15
#363B15
Couleur nommée la plus proche: Wasabi Nori
#363B15 (rgb(54 59 21), hsl(68 48% 16%), oklch(0.338 0.058 115.8)) est la plus proche de la couleur nommée Wasabi Nori. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#363B15
oklch(0.338 0.058 115.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 474C2B
- 595E40
- 6C7156
- 80846C
- 949783
- A8AB9B
- BDC0B3
- D3D4CC
- E9EAE5
Ombres
- 2E3211
- 25290C
- 1E2108
- 161905
- 0F1103
- 080902
- 030401
- 010100
- 000000
Tons
- 3D4220
- 44482B
- 4B4F35
- 525640
- 595D4A
- 616455
- 696B5F
- 70726A
- 787975
Harmonies de couleurs
Complémentaire +180°
- 363B15
Wasabi Nori
- 3A3152
≈ Violet Purple
Analogue -30° +30°
- 363B15
Wasabi Nori
- 45350F
≈ Night in the Woods
- 223F25
≈ Mizukaze Green
Triadique +120° +240°
- 363B15
Wasabi Nori
- 143C51
≈ Duskwood
- 4F2A38
≈ Black Rose
Complémentaire divisée +150° +210°
- 363B15
Wasabi Nori
- 293656
≈ Midnight Escapade
- 472C48
≈ Purple Pennant
Tétradique +90° +180° +270°
- 363B15
Wasabi Nori
- 004046
≈ Rich Black
- 3A3152
≈ Violet Purple
- 522B27
≈ Momoshio Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.71:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.79:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.71:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
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);
}