Cor nomeada · #4F3650
Chive Bloom
Chive Bloom é #4F3650: rgb(79 54 80), hsl(298 19% 26%), oklch(0.372 0.054 325.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Chive Bloom color name →
#4F3650
oklch(0.372 0.054 325.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 5F4860
- 705A70
- 806D81
- 928192
- A395A3
- B5A9B5
- C7BEC7
- D9D3DA
- ECE9EC
Sombras
- 442E44
- 382539
- 2E1E2E
- 231624
- 190F1A
- 100810
- 070307
- 020102
- 000000
Tons
- 543D55
- 594459
- 5E4C5E
- 635363
- 685A68
- 6C626D
- 716971
- 767176
- 7B787B
Harmonias de cor
Complementar +180°
- 4F3650
Chive Bloom
- 2D482E
≈ Palm Leaf
Análoga -30° +30°
- 4F3650
Chive Bloom
- 423A5A
≈ Patriot Blue
- 573441
≈ Blackberry Tart
Tríade +120° +240°
- 4F3650
Chive Bloom
- 4D3E1C
≈ Avocado Stone
- 14484E
≈ Sherpa Blue
Complementar dividida +150° +210°
- 4F3650
Chive Bloom
- 3F4421
≈ Avocado Dark Green
- 1B4A3F
≈ Country Squire
Tétrade +90° +180° +270°
- 4F3650
Chive Bloom
- 563823
≈ Kuro Brown
- 2D482E
≈ Palm Leaf
- 204559
≈ Astronaut Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.62:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.97:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
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);
}