Nächste benannte Farbe · #2A685E
#2A685E
Nächste benannte Farbe: Terrestrial
#2A685E (rgb(42 104 94), hsl(170 42% 29%), oklch(0.474 0.066 181.2)) liegt am nächsten an der benannten Farbe Terrestrial. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2A685E
oklch(0.474 0.066 181.2)
Farbumrechnungen
- HEX
- #2a685e
- RGB
- rgb(42 104 94)
- HSL
- hsl(170 42% 29%)
- HWB
- hwb(170 16% 59%)
- OKLCH
- oklch(0.474 0.066 181.2)
- OKLab
- oklab(0.474 -0.066 -0.001)
- CIE Lab
- lab(39.78 -22.87 -0.68)
- LCH
- lch(39.78 22.88 181.7)
- CMYK
- cmyk(60% 0% 10% 59%)
Tints · Shades · Tones
Tints
- 41766D
- 56857C
- 6B938B
- 7FA29B
- 94B1AB
- A9C0BB
- BED0CC
- D3DFDD
- E9EFEE
Shades
- 235951
- 1C4B44
- 163E37
- 10302B
- 0A241F
- 051814
- 020C0A
- 010403
- 000000
Tones
- 356B61
- 3F6D65
- 486F68
- 51726B
- 59746F
- 617772
- 697976
- 717B79
- 787E7D
Farbharmonien
Komplementär +180°
- 2A685E
Terrestrial
- 7B4C59
≈ Nocturne Red
Analog -30° +30°
- 2A685E
Terrestrial
- 3F6749
≈ Nordic Pine
- 276671
≈ Mordant Blue
Triadisch +120° +240°
- 2A685E
Terrestrial
- 62537B
≈ Berry Syrup
- 775334
≈ Pheasant Brown
Geteilt komplementär +150° +210°
- 2A685E
Terrestrial
- 724E6D
≈ Dirty Purple
- 7D4E45
≈ Revival of the Red
Tetradisch +90° +180° +270°
- 2A685E
Terrestrial
- 4E5A81
≈ Dark Iris
- 7B4C59
≈ Nocturne Red
- 6A5B2E
≈ Olivary
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.48:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.24:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.48:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--terrestrial: #2a685e;
--terrestrial-rgb: 42 104 94;
--terrestrial-oklch: oklch(0.474 0.066 181.2);
}
.element {
color: var(--terrestrial);
background-color: hsl(170 42% 29%);
border-color: oklch(0.474 0.066 181.2);
}Tailwind CSS v4
@theme {
--color-terrestrial: #2a685e;
--color-terrestrial-50: #e2fcf7;
--color-terrestrial-100: #d1f0ea;
--color-terrestrial-200: #b6ded7;
--color-terrestrial-300: #92c3ba;
--color-terrestrial-400: #72aca1;
--color-terrestrial-500: #509589;
--color-terrestrial-600: #457e74;
--color-terrestrial-700: #37655c;
--color-terrestrial-800: #274a43;
--color-terrestrial-900: #1a332e;
--color-terrestrial-950: #0a1f1b;
}SCSS
$terrestrial: #2a685e;
$terrestrial-rgb: 42, 104, 94;
$terrestrial-light: mix(#fff, $terrestrial, 20%);
$terrestrial-dark: mix(#000, $terrestrial, 20%);
.element {
color: $terrestrial;
box-shadow: 0 0 0 2px rgba($terrestrial, 0.35);
}