Nazwany kolor · #C3B3B9
Blossom Powder
Blossom Powder to #C3B3B9: rgb(195 179 185), hsl(338 12% 73%), oklch(0.782 0.02 352.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blossom Powder color name →
#C3B3B9
oklch(0.782 0.02 352.8)
Konwersje koloru
- HEX
- #c3b3b9
- RGB
- rgb(195 179 185)
- HSL
- hsl(338 12% 73%)
- HWB
- hwb(338 70% 24%)
- OKLCH
- oklch(0.782 0.02 352.8)
- OKLab
- oklab(0.782 0.02 -0.003)
- CIE Lab
- lab(74.44 6.69 -0.89)
- LCH
- lch(74.44 6.75 352.4)
- CMYK
- cmyk(0% 8% 5% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9BAC0
- CFC2C7
- D5C9CE
- DBD1D4
- E1D8DB
- E7E0E2
- EDE8EA
- F3EFF1
- F9F7F8
Odcienie ciemniejsze
- A99BA0
- 908489
- 786E71
- 60585B
- 4A4346
- 342F31
- 201D1E
- 0E0C0D
- 020102
Tony
- BCAEB3
- B5A9AD
- AEA3A8
- A89EA2
- A1999C
- 9A9496
- 948F91
- 8D8A8B
- 868586
Harmonie kolorów
Komplementarna +180°
- C3B3B9
Blossom Powder
- ACBCB7
≈ Water Surface
Analogowa -30° +30°
- C3B3B9
Blossom Powder
- BEB4C0
≈ Perplexed
- C5B3B2
≈ Soft Tone
Triada +120° +240°
- C3B3B9
Blossom Powder
- B8BAAB
≈ Grey Jade
- ACBBC3
≈ Hazy Skies
Komplementarna rozszczepiona +150° +210°
- C3B3B9
Blossom Powder
- B1BBB0
≈ Quietude
- AABCBE
≈ Grey Grain
Tetrada +90° +180° +270°
- C3B3B9
Blossom Powder
- BEB7AA
≈ Light Lichen
- ACBCB7
≈ Water Surface
- B1B8C5
≈ Brother Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.46:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.46:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--blossom-powder: #c3b3b9;
--blossom-powder-rgb: 195 179 185;
--blossom-powder-oklch: oklch(0.782 0.02 352.8);
}
.element {
color: var(--blossom-powder);
background-color: hsl(338 12% 73%);
border-color: oklch(0.782 0.02 352.8);
}Tailwind CSS v4
@theme {
--color-blossom-powder: #c3b3b9;
--color-blossom-powder-50: #faf3f5;
--color-blossom-powder-100: #eee5e8;
--color-blossom-powder-200: #dcd1d5;
--color-blossom-powder-300: #c0b3b8;
--color-blossom-powder-400: #a99a9f;
--color-blossom-powder-500: #918187;
--color-blossom-powder-600: #7b6d72;
--color-blossom-powder-700: #62575c;
--color-blossom-powder-800: #484043;
--color-blossom-powder-900: #322c2e;
--color-blossom-powder-950: #1e191b;
}SCSS
$blossom-powder: #c3b3b9;
$blossom-powder-rgb: 195, 179, 185;
$blossom-powder-light: mix(#fff, $blossom-powder, 20%);
$blossom-powder-dark: mix(#000, $blossom-powder, 20%);
.element {
color: $blossom-powder;
box-shadow: 0 0 0 2px rgba($blossom-powder, 0.35);
}