Benannte Farbe · #719BA2
Great Fennel Flower
Great Fennel Flower ist #719BA2: rgb(113 155 162), hsl(189 21% 54%), oklch(0.661 0.047 208.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Great Fennel Flower color name →
#719BA2
oklch(0.661 0.047 208.9)
Farbumrechnungen
- HEX
- #719ba2
- RGB
- rgb(113 155 162)
- HSL
- hsl(189 21% 54%)
- HWB
- hwb(189 44% 36%)
- OKLCH
- oklch(0.661 0.047 208.9)
- OKLab
- oklab(0.661 -0.041 -0.023)
- CIE Lab
- lab(61.1 -13.53 -8.56)
- LCH
- lch(61.1 16.01 212.3)
- CMYK
- cmyk(30% 4% 0% 36%)
Tints · Shades · Tones
Tints
- 7FA5AB
- 8DAEB4
- 9BB8BD
- A9C2C6
- B7CCD0
- C5D6D9
- D3E0E2
- E2EAEC
- F0F5F5
Shades
- 61868C
- 527277
- 435E63
- 354B4F
- 27393C
- 1A282A
- 0E1819
- 04090A
- 010101
Tones
- 73989F
- 75969B
- 779398
- 789094
- 7A8E91
- 7B8B8E
- 7C888A
- 7E8587
- 7F8383
Farbharmonien
Komplementär +180°
- 719BA2
Great Fennel Flower
- AE8882
≈ Bedford Brown
Analog -30° +30°
- 719BA2
Great Fennel Flower
- 749C93
≈ Avalon
- 7997AD
≈ Post Boy
Triadisch +120° +240°
- 719BA2
Great Fennel Flower
- A389A1
≈ Radiant Lilac
- 9E9272
≈ Mossy Gold
Geteilt komplementär +150° +210°
- 719BA2
Great Fennel Flower
- AC8792
≈ Fig Fruit Mauve
- A98C76
≈ Rodeo Tan
Tetradisch +90° +180° +270°
- 719BA2
Great Fennel Flower
- 968DAC
≈ Futuristic
- AE8882
≈ Bedford Brown
- 8F9777
≈ Artichoke
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.91:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--great-fennel-flower: #719ba2;
--great-fennel-flower-rgb: 113 155 162;
--great-fennel-flower-oklch: oklch(0.661 0.047 208.9);
}
.element {
color: var(--great-fennel-flower);
background-color: hsl(189 21% 54%);
border-color: oklch(0.661 0.047 208.9);
}Tailwind CSS v4
@theme {
--color-great-fennel-flower: #719ba2;
--color-great-fennel-flower-50: #e7f9fd;
--color-great-fennel-flower-100: #d7ecf1;
--color-great-fennel-flower-200: #bedae0;
--color-great-fennel-flower-300: #9dbec5;
--color-great-fennel-flower-400: #7fa7ad;
--color-great-fennel-flower-500: #618f97;
--color-great-fennel-flower-600: #527980;
--color-great-fennel-flower-700: #426166;
--color-great-fennel-flower-800: #2f474b;
--color-great-fennel-flower-900: #203134;
--color-great-fennel-flower-950: #0f1d1f;
}SCSS
$great-fennel-flower: #719ba2;
$great-fennel-flower-rgb: 113, 155, 162;
$great-fennel-flower-light: mix(#fff, $great-fennel-flower, 20%);
$great-fennel-flower-dark: mix(#000, $great-fennel-flower, 20%);
.element {
color: $great-fennel-flower;
box-shadow: 0 0 0 2px rgba($great-fennel-flower, 0.35);
}