Benannte Farbe · #90B1A3
Longfellow
Longfellow ist #90B1A3: rgb(144 177 163), hsl(155 17% 63%), oklch(0.732 0.041 167.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Longfellow color name →
#90B1A3
oklch(0.732 0.041 167.5)
Farbumrechnungen
- HEX
- #90b1a3
- RGB
- rgb(144 177 163)
- HSL
- hsl(155 17% 63%)
- HWB
- hwb(155 56% 31%)
- OKLCH
- oklch(0.732 0.041 167.5)
- OKLab
- oklab(0.732 -0.04 0.009)
- CIE Lab
- lab(69.43 -13.84 3.27)
- LCH
- lch(69.43 14.22 166.7)
- CMYK
- cmyk(19% 0% 8% 31%)
Tints · Shades · Tones
Tints
- 9BB9AC
- A6C0B5
- B1C8BE
- BCD0C7
- C7D7D0
- D2DFD9
- DDE7E3
- E8EFEC
- F4F7F5
Shades
- 7D998D
- 6A8378
- 576C63
- 45574F
- 34423C
- 242F2A
- 151C19
- 070C0A
- 010101
Tones
- 8FAC9F
- 8DA79C
- 8CA298
- 8A9D95
- 889891
- 87938E
- 858E8A
- 848A87
- 828583
Farbharmonien
Komplementär +180°
- 90B1A3
Longfellow
- BD9EAD
≈ Fiddlesticks
Analog -30° +30°
- 90B1A3
Longfellow
- 9CAF96
≈ Rooftop Garden
- 8AB1B1
≈ Jitterbug Lure
Triadisch +120° +240°
- 90B1A3
Longfellow
- A6A5C1
≈ Canyon Mist
- BFA192
≈ Earth Warming
Geteilt komplementär +150° +210°
- 90B1A3
Longfellow
- B3A1BA
≈ Emanation
- C19E9F
≈ Zephyr
Tetradisch +90° +180° +270°
- 90B1A3
Longfellow
- 98AAC3
≈ Scorpion Grass Blue
- BD9EAD
≈ Fiddlesticks
- B7A58C
≈ Safari
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.00:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--longfellow: #90b1a3;
--longfellow-rgb: 144 177 163;
--longfellow-oklch: oklch(0.732 0.041 167.5);
}
.element {
color: var(--longfellow);
background-color: hsl(155 17% 63%);
border-color: oklch(0.732 0.041 167.5);
}Tailwind CSS v4
@theme {
--color-longfellow: #90b1a3;
--color-longfellow-50: #eaf9f3;
--color-longfellow-100: #dbede6;
--color-longfellow-200: #c4dad1;
--color-longfellow-300: #a4bfb4;
--color-longfellow-400: #88a799;
--color-longfellow-500: #6c8f81;
--color-longfellow-600: #5c796d;
--color-longfellow-700: #496157;
--color-longfellow-800: #35473f;
--color-longfellow-900: #24312b;
--color-longfellow-950: #131d19;
}SCSS
$longfellow: #90b1a3;
$longfellow-rgb: 144, 177, 163;
$longfellow-light: mix(#fff, $longfellow, 20%);
$longfellow-dark: mix(#000, $longfellow, 20%);
.element {
color: $longfellow;
box-shadow: 0 0 0 2px rgba($longfellow, 0.35);
}