Nazwany kolor · #D47791
Minuette
Minuette to #D47791: rgb(212 119 145), hsl(343 52% 65%), oklch(0.679 0.119 2.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Minuette color name →
#D47791
oklch(0.679 0.119 2.8)
Konwersje koloru
- HEX
- #d47791
- RGB
- rgb(212 119 145)
- HSL
- hsl(343 52% 65%)
- HWB
- hwb(343 47% 17%)
- OKLCH
- oklch(0.679 0.119 2.8)
- OKLab
- oklab(0.679 0.119 0.006)
- CIE Lab
- lab(61.3 39.29 2.76)
- LCH
- lch(61.3 39.39 4)
- CMYK
- cmyk(0% 44% 32% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DA859B
- DF92A6
- E4A0B1
- E9ADBC
- EDBBC7
- F1C8D2
- F5D6DD
- F9E4E8
- FCF1F4
Odcienie ciemniejsze
- B8677D
- 9D576A
- 834758
- 693846
- 512A35
- 3A1C25
- 241015
- 100507
- 020101
Tony
- CC798F
- C47A8E
- BC7B8C
- B47C8A
- AC7D88
- A37E87
- 9B7F85
- 927F83
- 898082
Harmonie kolorów
Komplementarna +180°
- D47791
Minuette
- 0FAF9F
≈ Billiard
Analogowa -30° +30°
- D47791
Minuette
- C37BB8
≈ Colombo Red Mauve
- D77B67
≈ Lei Flower
Triada +120° +240°
- D47791
Minuette
- 8AA44B
≈ Mosquito Fern
- 4EA0DB
≈ Waimea Blue
Komplementarna rozszczepiona +150° +210°
- D47791
Minuette
- 58AD74
≈ Glen
- 00AAC3
≈ Sarah’s Garden
Tetrada +90° +180° +270°
- D47791
Minuette
- B19633
≈ Mana
- 0FAF9F
≈ Billiard
- 8092E1
≈ Perrywinkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.06:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.84:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.84:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--minuette: #d47791;
--minuette-rgb: 212 119 145;
--minuette-oklch: oklch(0.679 0.119 2.8);
}
.element {
color: var(--minuette);
background-color: hsl(343 52% 65%);
border-color: oklch(0.679 0.119 2.8);
}Tailwind CSS v4
@theme {
--color-minuette: #d47791;
--color-minuette-50: #ffe8f1;
--color-minuette-100: #ffd8e3;
--color-minuette-200: #ffc0cd;
--color-minuette-300: #ec9eaf;
--color-minuette-400: #d87f98;
--color-minuette-500: #c5617f;
--color-minuette-600: #a6536b;
--color-minuette-700: #864256;
--color-minuette-800: #632f40;
--color-minuette-900: #46202c;
--color-minuette-950: #2d0f19;
}SCSS
$minuette: #d47791;
$minuette-rgb: 212, 119, 145;
$minuette-light: mix(#fff, $minuette, 20%);
$minuette-dark: mix(#000, $minuette, 20%);
.element {
color: $minuette;
box-shadow: 0 0 0 2px rgba($minuette, 0.35);
}