Benannte Farbe · #4F3650
Chive Bloom
Chive Bloom ist #4F3650: rgb(79 54 80), hsl(298 19% 26%), oklch(0.372 0.054 325.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Chive Bloom color name →
#4F3650
oklch(0.372 0.054 325.3)
Farbumrechnungen
- HEX
- #4f3650
- RGB
- rgb(79 54 80)
- HSL
- hsl(298 19% 26%)
- HWB
- hwb(298 21% 69%)
- OKLCH
- oklch(0.372 0.054 325.3)
- OKLab
- oklab(0.372 0.045 -0.031)
- CIE Lab
- lab(26.36 15.29 -11.34)
- LCH
- lch(26.36 19.04 323.4)
- CMYK
- cmyk(1% 32% 0% 69%)
Tints · Shades · Tones
Tints
- 5F4860
- 705A70
- 806D81
- 928192
- A395A3
- B5A9B5
- C7BEC7
- D9D3DA
- ECE9EC
Shades
- 442E44
- 382539
- 2E1E2E
- 231624
- 190F1A
- 100810
- 070307
- 020102
- 000000
Tones
- 543D55
- 594459
- 5E4C5E
- 635363
- 685A68
- 6C626D
- 716971
- 767176
- 7B787B
Farbharmonien
Komplementär +180°
- 4F3650
Chive Bloom
- 2D482E
≈ Palm Leaf
Analog -30° +30°
- 4F3650
Chive Bloom
- 423A5A
≈ Patriot Blue
- 573441
≈ Blackberry Tart
Triadisch +120° +240°
- 4F3650
Chive Bloom
- 4D3E1C
≈ Avocado Stone
- 14484E
≈ Sherpa Blue
Geteilt komplementär +150° +210°
- 4F3650
Chive Bloom
- 3F4421
≈ Avocado Dark Green
- 1B4A3F
≈ Country Squire
Tetradisch +90° +180° +270°
- 4F3650
Chive Bloom
- 563823
≈ Kuro Brown
- 2D482E
≈ Palm Leaf
- 204559
≈ Astronaut Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.62:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.97:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--chive-bloom: #4f3650;
--chive-bloom-rgb: 79 54 80;
--chive-bloom-oklch: oklch(0.372 0.054 325.3);
}
.element {
color: var(--chive-bloom);
background-color: hsl(298 19% 26%);
border-color: oklch(0.372 0.054 325.3);
}Tailwind CSS v4
@theme {
--color-chive-bloom: #4f3650;
--color-chive-bloom-50: #fef0fd;
--color-chive-bloom-100: #f2e2f1;
--color-chive-bloom-200: #e1cde0;
--color-chive-bloom-300: #c7aec6;
--color-chive-bloom-400: #b094b0;
--color-chive-bloom-500: #997a9a;
--color-chive-bloom-600: #816782;
--color-chive-bloom-700: #685368;
--color-chive-bloom-800: #4c3c4d;
--color-chive-bloom-900: #352936;
--color-chive-bloom-950: #201721;
}SCSS
$chive-bloom: #4f3650;
$chive-bloom-rgb: 79, 54, 80;
$chive-bloom-light: mix(#fff, $chive-bloom, 20%);
$chive-bloom-dark: mix(#000, $chive-bloom, 20%);
.element {
color: $chive-bloom;
box-shadow: 0 0 0 2px rgba($chive-bloom, 0.35);
}