Colore con nome · #BEC6D6
Himalayan Poppy
Himalayan Poppy è #BEC6D6: rgb(190 198 214), hsl(220 23% 79%), oklch(0.825 0.024 264.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Himalayan Poppy color name →
#BEC6D6
oklch(0.825 0.024 264.4)
Conversioni di colore
- HEX
- #bec6d6
- RGB
- rgb(190 198 214)
- HSL
- hsl(220 23% 79%)
- HWB
- hwb(220 75% 16%)
- OKLCH
- oklch(0.825 0.024 264.4)
- OKLab
- oklab(0.825 -0.002 -0.024)
- CIE Lab
- lab(79.62 -0.49 -9.01)
- LCH
- lch(79.62 9.02 266.9)
- CMYK
- cmyk(11% 7% 0% 16%)
Tinte · Ombre · Toni
Tinte
- C4CCDA
- CBD1DE
- D1D7E2
- D8DDE6
- DEE2EA
- E5E8EF
- EBEEF3
- F2F3F7
- F8F9FB
Ombre
- A5ACBA
- 8C929E
- 757A84
- 5E626A
- 484B52
- 33353B
- 1F2125
- 0D0E10
- 020202
Toni
- B8BFCD
- B1B8C4
- ABB0BB
- A5A9B3
- 9EA2AA
- 989BA1
- 929499
- 8C8E91
- 868788
Armonie di colore
Complementare +180°
- BEC6D6
Himalayan Poppy
- CDC5B5
≈ Slumber Sloth
Analogo -30° +30°
- BEC6D6
Himalayan Poppy
- B7C9D3
≈ Rich Porcelain Blue
- C6C3D4
≈ Pale Violet
Triadico +120° +240°
- BEC6D6
Himalayan Poppy
- D5C0BE
≈ Salmon Smoke
- BDCABC
≈ Desert Panzer
Complementare divisa +150° +210°
- BEC6D6
Himalayan Poppy
- D3C2B7
≈ Rabbit’s Foot
- C5C8B6
≈ Wabi-Sabi
Tetradico +90° +180° +270°
- BEC6D6
Himalayan Poppy
- D3C0C7
≈ Elusive Violet
- CDC5B5
≈ Slumber Sloth
- B7CBC5
≈ Sea Sprite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.23:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--himalayan-poppy: #bec6d6;
--himalayan-poppy-rgb: 190 198 214;
--himalayan-poppy-oklch: oklch(0.825 0.024 264.4);
}
.element {
color: var(--himalayan-poppy);
background-color: hsl(220 23% 79%);
border-color: oklch(0.825 0.024 264.4);
}Tailwind CSS v4
@theme {
--color-himalayan-poppy: #bec6d6;
--color-himalayan-poppy-50: #f2f5fc;
--color-himalayan-poppy-100: #e4e8f0;
--color-himalayan-poppy-200: #cfd4df;
--color-himalayan-poppy-300: #b2b7c4;
--color-himalayan-poppy-400: #979fad;
--color-himalayan-poppy-500: #7e8697;
--color-himalayan-poppy-600: #6b727f;
--color-himalayan-poppy-700: #555b66;
--color-himalayan-poppy-800: #3e434b;
--color-himalayan-poppy-900: #2b2e34;
--color-himalayan-poppy-950: #181b1f;
}SCSS
$himalayan-poppy: #bec6d6;
$himalayan-poppy-rgb: 190, 198, 214;
$himalayan-poppy-light: mix(#fff, $himalayan-poppy, 20%);
$himalayan-poppy-dark: mix(#000, $himalayan-poppy, 20%);
.element {
color: $himalayan-poppy;
box-shadow: 0 0 0 2px rgba($himalayan-poppy, 0.35);
}