Nächste benannte Farbe · #2E2F13
#2E2F13
Nächste benannte Farbe: Wasabi Nori
#2E2F13 (rgb(46 47 19), hsl(62 42% 13%), oklch(0.297 0.045 110.7)) liegt am nächsten an der benannten Farbe Wasabi Nori. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2E2F13
oklch(0.297 0.045 110.7)
Farbumrechnungen
- HEX
- #2e2f13
- RGB
- rgb(46 47 19)
- HSL
- hsl(62 42% 13%)
- HWB
- hwb(62 7% 82%)
- OKLCH
- oklch(0.297 0.045 110.7)
- OKLab
- oklab(0.297 -0.016 0.042)
- CIE Lab
- lab(18.74 -4.16 17.62)
- LCH
- lch(18.74 18.1 103.3)
- CMYK
- cmyk(2% 0% 60% 82%)
Tints · Shades · Tones
Tints
- 404128
- 52543D
- 666753
- 7A7B69
- 8F9081
- A4A599
- BABBB1
- D1D1CB
- E8E8E5
Shades
- 27270F
- 1F200B
- 181907
- 121205
- 0B0C03
- 060601
- 020301
- 010100
- 000000
Tones
- 35371E
- 3D3E28
- 454633
- 4D4E3D
- 555648
- 5D5E53
- 66675E
- 6E6F69
- 777774
Farbharmonien
Komplementär +180°
- 2E2F13
Wasabi Nori
- 2D2942
≈ Viola Black
Analog -30° +30°
- 2E2F13
Wasabi Nori
- 392A11
≈ Brown Tumbleweed
- 20331D
≈ Pumpkin Green Black
Triadisch +120° +240°
- 2E2F13
Wasabi Nori
- 12313F
≈ NATO Blue
- 3E2330
≈ Sitter Red
Geteilt komplementär +150° +210°
- 2E2F13
Wasabi Nori
- 202D43
≈ Manganese Black
- 37253B
≈ Kokimurasaki Purple
Tetradisch +90° +180° +270°
- 2E2F13
Wasabi Nori
- 093436
≈ Storm Green
- 2D2942
≈ Viola Black
- 412423
≈ Ethereal Espresso
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.70:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.53:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.70:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--wasabi-nori: #2e2f13;
--wasabi-nori-rgb: 46 47 19;
--wasabi-nori-oklch: oklch(0.297 0.045 110.7);
}
.element {
color: var(--wasabi-nori);
background-color: hsl(62 42% 13%);
border-color: oklch(0.297 0.045 110.7);
}Tailwind CSS v4
@theme {
--color-wasabi-nori: #2e2f13;
--color-wasabi-nori-50: #f5f7e8;
--color-wasabi-nori-100: #e8ead9;
--color-wasabi-nori-200: #d4d7c1;
--color-wasabi-nori-300: #b7baa0;
--color-wasabi-nori-400: #9fa183;
--color-wasabi-nori-500: #878967;
--color-wasabi-nori-600: #727457;
--color-wasabi-nori-700: #5b5d46;
--color-wasabi-nori-800: #434432;
--color-wasabi-nori-900: #2f2f22;
--color-wasabi-nori-950: #1b1b11;
}SCSS
$wasabi-nori: #2e2f13;
$wasabi-nori-rgb: 46, 47, 19;
$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);
}