Benannte Farbe · #007E6B
Mediaeval Forest
Mediaeval Forest ist #007E6B: rgb(0 126 107), hsl(171 100% 25%), oklch(0.53 0.098 177.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Mediaeval Forest color name →
#007E6B
oklch(0.53 0.098 177.2)
Farbumrechnungen
- HEX
- #007e6b
- RGB
- rgb(0 126 107)
- HSL
- hsl(171 100% 25%)
- HWB
- hwb(171 0% 51%)
- OKLCH
- oklch(0.53 0.098 177.2)
- OKLab
- oklab(0.53 -0.098 0.005)
- CIE Lab
- lab(46.77 -34.59 1.54)
- LCH
- lch(46.77 34.62 177.4)
- CMYK
- cmyk(100% 0% 15% 51%)
Tints · Shades · Tones
Tints
- 328B79
- 4D9787
- 65A495
- 7CB1A3
- 92BDB2
- A8CAC1
- BDD7D0
- D3E5E0
- E9F2EF
Shades
- 006D5C
- 005C4E
- 004C3F
- 003C32
- 002D25
- 001F18
- 00110D
- 000504
- 000100
Tones
- 237E6D
- 347F6F
- 417F71
- 4C8073
- 568075
- 5F8078
- 68807A
- 70807C
- 78807E
Farbharmonien
Komplementär +180°
- 007E6B
Mediaeval Forest
- 98526C
≈ Vive L’amour
Analog -30° +30°
- 007E6B
Mediaeval Forest
- 417B4A
≈ Kemp Kelly
- 007A87
≈ Biscay Bay
Triadisch +120° +240°
- 007E6B
Mediaeval Forest
- 725F9E
≈ Scampi
- 965C2D
≈ Chilli Con Carne
Geteilt komplementär +150° +210°
- 007E6B
Mediaeval Forest
- 8A5689
≈ Dewberry
- 9D544C
≈ Bravado Red
Tetradisch +90° +180° +270°
- 007E6B
Mediaeval Forest
- 5269A5
≈ Electrify
- 98526C
≈ Vive L’amour
- 84681A
≈ Yukon Gold
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.00:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.19:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--mediaeval-forest: #007e6b;
--mediaeval-forest-rgb: 0 126 107;
--mediaeval-forest-oklch: oklch(0.53 0.098 177.2);
}
.element {
color: var(--mediaeval-forest);
background-color: hsl(171 100% 25%);
border-color: oklch(0.53 0.098 177.2);
}Tailwind CSS v4
@theme {
--color-mediaeval-forest: #007e6b;
--color-mediaeval-forest-50: #d8fff6;
--color-mediaeval-forest-100: #c6f3e8;
--color-mediaeval-forest-200: #a7e3d5;
--color-mediaeval-forest-300: #7dc8b8;
--color-mediaeval-forest-400: #56b29d;
--color-mediaeval-forest-500: #1e9b85;
--color-mediaeval-forest-600: #1e8371;
--color-mediaeval-forest-700: #19695a;
--color-mediaeval-forest-800: #114d41;
--color-mediaeval-forest-900: #0b362c;
--color-mediaeval-forest-950: #00211a;
}SCSS
$mediaeval-forest: #007e6b;
$mediaeval-forest-rgb: 0, 126, 107;
$mediaeval-forest-light: mix(#fff, $mediaeval-forest, 20%);
$mediaeval-forest-dark: mix(#000, $mediaeval-forest, 20%);
.element {
color: $mediaeval-forest;
box-shadow: 0 0 0 2px rgba($mediaeval-forest, 0.35);
}