Nazwany kolor · #A78199
Bouquet
Bouquet to #A78199: rgb(167 129 153), hsl(322 18% 58%), oklch(0.647 0.057 340.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Bouquet color name →
#A78199
oklch(0.647 0.057 340.6)
Konwersje koloru
- HEX
- #a78199
- RGB
- rgb(167 129 153)
- HSL
- hsl(322 18% 58%)
- HWB
- hwb(322 51% 35%)
- OKLCH
- oklch(0.647 0.057 340.6)
- OKLab
- oklab(0.647 0.054 -0.019)
- CIE Lab
- lab(58.29 18.07 -6.99)
- LCH
- lch(58.29 19.38 338.9)
- CMYK
- cmyk(0% 23% 8% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B08DA3
- B999AD
- C1A5B7
- CAB2C1
- D3BECB
- DCCBD5
- E5D8DF
- EDE5EA
- F6F2F4
Odcienie ciemniejsze
- 916F84
- 7B5E70
- 664E5D
- 523E4A
- 3E2E38
- 2C1F27
- 1A1217
- 0A0608
- 010101
Tony
- A38196
- 9F8194
- 9C8191
- 98818F
- 94818C
- 90818A
- 8C8187
- 888085
- 848082
Harmonie kolorów
Komplementarna +180°
- A78199
Bouquet
- 709A83
≈ Douglas Fir Green
Analogowa -30° +30°
- A78199
Bouquet
- 9985A9
≈ Rhapsody
- AE8086
≈ Audrey’s Blush
Triada +120° +240°
- A78199
Bouquet
- 969067
≈ Tate Olive
- 6697A7
≈ My Skiff
Komplementarna rozszczepiona +150° +210°
- A78199
Bouquet
- 829671
≈ Old Green
- 649A96
≈ Semi-Precious
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.36:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.24:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.24:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--bouquet: #a78199;
--bouquet-rgb: 167 129 153;
--bouquet-oklch: oklch(0.647 0.057 340.6);
}
.element {
color: var(--bouquet);
background-color: hsl(322 18% 58%);
border-color: oklch(0.647 0.057 340.6);
}Tailwind CSS v4
@theme {
--color-bouquet: #a78199;
--color-bouquet-50: #ffeffa;
--color-bouquet-100: #f6e1ed;
--color-bouquet-200: #e7cbdb;
--color-bouquet-300: #cdacbf;
--color-bouquet-400: #b792a9;
--color-bouquet-500: #a17792;
--color-bouquet-600: #88657b;
--color-bouquet-700: #6d5163;
--color-bouquet-800: #503b49;
--color-bouquet-900: #382833;
--color-bouquet-950: #22161e;
}SCSS
$bouquet: #a78199;
$bouquet-rgb: 167, 129, 153;
$bouquet-light: mix(#fff, $bouquet, 20%);
$bouquet-dark: mix(#000, $bouquet, 20%);
.element {
color: $bouquet;
box-shadow: 0 0 0 2px rgba($bouquet, 0.35);
}