Nächste benannte Farbe · #206E5A
#206E5A
Nächste benannte Farbe: Nordic Forest
#206E5A (rgb(32 110 90), hsl(165 55% 28%), oklch(0.486 0.082 172.2)) liegt am nächsten an der benannten Farbe Nordic Forest. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#206E5A
oklch(0.486 0.082 172.2)
Farbumrechnungen
- HEX
- #206e5a
- RGB
- rgb(32 110 90)
- HSL
- hsl(165 55% 28%)
- HWB
- hwb(165 13% 57%)
- OKLCH
- oklch(0.486 0.082 172.2)
- OKLab
- oklab(0.486 -0.081 0.011)
- CIE Lab
- lab(41.41 -28.48 4)
- LCH
- lch(41.41 28.76 172)
- CMYK
- cmyk(71% 0% 18% 57%)
Tints · Shades · Tones
Tints
- 3B7C69
- 528A78
- 689888
- 7DA698
- 92B5A9
- A8C3B9
- BDD2CA
- D3E1DC
- E9F0ED
Shades
- 1A5F4D
- 155041
- 0F4135
- 0A3329
- 06261E
- 031913
- 010E09
- 000403
- 000100
Tones
- 2F705E
- 3A7261
- 457465
- 4E7669
- 57786D
- 607971
- 687B74
- 707D78
- 787E7C
Farbharmonien
Komplementär +180°
- 206E5A
Nordic Forest
- 824B64
≈ Nectar Red
Analog -30° +30°
- 206E5A
Nordic Forest
- 436B3F
≈ Arcala Green
- 056C73
≈ Teal Motif
Triadisch +120° +240°
- 206E5A
Nordic Forest
- 605689
≈ Wool Violet
- 835131
≈ Lamb Chop
Geteilt komplementär +150° +210°
- 206E5A
Nordic Forest
- 754F7A
≈ Spiced Plum
- 874C4A
≈ Richardson Brick
Tetradisch +90° +180° +270°
- 206E5A
Nordic Forest
- 465F8D
≈ Anchor Point
- 824B64
≈ Nectar Red
- 765A22
≈ Moss Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.10:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.43:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--nordic-forest: #206e5a;
--nordic-forest-rgb: 32 110 90;
--nordic-forest-oklch: oklch(0.486 0.082 172.2);
}
.element {
color: var(--nordic-forest);
background-color: hsl(165 55% 28%);
border-color: oklch(0.486 0.082 172.2);
}Tailwind CSS v4
@theme {
--color-nordic-forest: #206e5a;
--color-nordic-forest-50: #defdf3;
--color-nordic-forest-100: #cdf1e6;
--color-nordic-forest-200: #b1e0d2;
--color-nordic-forest-300: #8bc6b4;
--color-nordic-forest-400: #69ae99;
--color-nordic-forest-500: #449880;
--color-nordic-forest-600: #3b806c;
--color-nordic-forest-700: #2f6757;
--color-nordic-forest-800: #214c3e;
--color-nordic-forest-900: #16342b;
--color-nordic-forest-950: #072018;
}SCSS
$nordic-forest: #206e5a;
$nordic-forest-rgb: 32, 110, 90;
$nordic-forest-light: mix(#fff, $nordic-forest, 20%);
$nordic-forest-dark: mix(#000, $nordic-forest, 20%);
.element {
color: $nordic-forest;
box-shadow: 0 0 0 2px rgba($nordic-forest, 0.35);
}