Benannte Farbe · #667255
French Tarragon
French Tarragon ist #667255: rgb(102 114 85), hsl(85 15% 39%), oklch(0.534 0.046 126.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · French Tarragon color name →
#667255
oklch(0.534 0.046 126.2)
Farbumrechnungen
- HEX
- #667255
- RGB
- rgb(102 114 85)
- HSL
- hsl(85 15% 39%)
- HWB
- hwb(85 33% 55%)
- OKLCH
- oklch(0.534 0.046 126.2)
- OKLab
- oklab(0.534 -0.027 0.037)
- CIE Lab
- lab(46.41 -8.89 14.56)
- LCH
- lch(46.41 17.06 121.4)
- CMYK
- cmyk(11% 0% 25% 55%)
Tints · Shades · Tones
Tints
- 747F65
- 828D75
- 919A85
- A0A896
- AFB6A7
- BFC4B8
- CFD3C9
- DEE1DB
- EFF0ED
Shades
- 586249
- 4A533D
- 3C4431
- 2F3626
- 23281C
- 171B11
- 0C0E08
- 040402
- 000100
Tones
- 697359
- 6B755E
- 6E7662
- 707866
- 73796B
- 757B6F
- 787C73
- 7B7D77
- 7D7F7C
Farbharmonien
Komplementär +180°
- 667255
French Tarragon
- 736682
≈ Aromatic
Analog -30° +30°
- 667255
French Tarragon
- 756D4E
≈ Peat
- 577562
≈ Brookside
Triadisch +120° +240°
- 667255
French Tarragon
- 577086
≈ Captains Blue
- 856269
≈ Blueberry Blush
Geteilt komplementär +150° +210°
- 667255
French Tarragon
- 656B88
≈ Dangerously Elegant
- 7F6377
≈ Majestic Plum
Tetradisch +90° +180° +270°
- 667255
French Tarragon
- 4D747E
≈ Hydro
- 736682
≈ Aromatic
- 85645A
≈ Smoked Almond
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.11:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.10:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--french-tarragon: #667255;
--french-tarragon-rgb: 102 114 85;
--french-tarragon-oklch: oklch(0.534 0.046 126.2);
}
.element {
color: var(--french-tarragon);
background-color: hsl(85 15% 39%);
border-color: oklch(0.534 0.046 126.2);
}Tailwind CSS v4
@theme {
--color-french-tarragon: #667255;
--color-french-tarragon-50: #f1f8ea;
--color-french-tarragon-100: #e3ebdb;
--color-french-tarragon-200: #ced8c4;
--color-french-tarragon-300: #b0bca3;
--color-french-tarragon-400: #97a487;
--color-french-tarragon-500: #7e8c6b;
--color-french-tarragon-600: #6b775b;
--color-french-tarragon-700: #555f48;
--color-french-tarragon-800: #3f4534;
--color-french-tarragon-900: #2b3023;
--color-french-tarragon-950: #191c12;
}SCSS
$french-tarragon: #667255;
$french-tarragon-rgb: 102, 114, 85;
$french-tarragon-light: mix(#fff, $french-tarragon, 20%);
$french-tarragon-dark: mix(#000, $french-tarragon, 20%);
.element {
color: $french-tarragon;
box-shadow: 0 0 0 2px rgba($french-tarragon, 0.35);
}