Nazwany kolor · #D7B1B2
Radiant Rouge
Radiant Rouge to #D7B1B2: rgb(215 177 178), hsl(358 32% 77%), oklch(0.794 0.044 16.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Radiant Rouge color name →
#D7B1B2
oklch(0.794 0.044 16.3)
Konwersje koloru
- HEX
- #d7b1b2
- RGB
- rgb(215 177 178)
- HSL
- hsl(358 32% 77%)
- HWB
- hwb(358 69% 16%)
- OKLCH
- oklch(0.794 0.044 16.3)
- OKLab
- oklab(0.794 0.042 0.012)
- CIE Lab
- lab(75.66 14.31 4.94)
- LCH
- lch(75.66 15.14 19.1)
- CMYK
- cmyk(0% 18% 17% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBB9B9
- DFC0C1
- E3C8C9
- E7D0D0
- EBD8D8
- EFDFE0
- F3E7E7
- F7EFEF
- FBF7F7
Odcienie ciemniejsze
- BB999A
- 9F8383
- 856C6D
- 6B5757
- 524243
- 3B2F2F
- 251C1D
- 110C0C
- 020101
Tony
- CEACAD
- C5A7A8
- BCA2A3
- B49D9E
- AB9899
- A29394
- 9A8F8F
- 918A8A
- 898585
Harmonie kolorów
Komplementarna +180°
- D7B1B2
Radiant Rouge
- 9BC5C5
≈ Favourite Sweater
Analogowa -30° +30°
- D7B1B2
Radiant Rouge
- D2B1C2
≈ Tranquil Dusk
- D5B4A4
≈ Cinnamon Whip
Triada +120° +240°
- D7B1B2
Radiant Rouge
- AFC3A7
≈ Belladonna’s Leaf
- AABED9
≈ Canopy Bed
Komplementarna rozszczepiona +150° +210°
- D7B1B2
Radiant Rouge
- A2C5B6
≈ Green Silk
- 9FC2D2
≈ Airborne
Tetrada +90° +180° +270°
- D7B1B2
Radiant Rouge
- BFBE9E
≈ Animal Kingdom
- 9BC5C5
≈ Favourite Sweater
- B9B8D8
≈ Purple Heather
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.82:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-rouge: #d7b1b2;
--radiant-rouge-rgb: 215 177 178;
--radiant-rouge-oklch: oklch(0.794 0.044 16.3);
}
.element {
color: var(--radiant-rouge);
background-color: hsl(358 32% 77%);
border-color: oklch(0.794 0.044 16.3);
}Tailwind CSS v4
@theme {
--color-radiant-rouge: #d7b1b2;
--color-radiant-rouge-50: #fff0f0;
--color-radiant-rouge-100: #f6e2e2;
--color-radiant-rouge-200: #e7cdcd;
--color-radiant-rouge-300: #cdafaf;
--color-radiant-rouge-400: #b79495;
--color-radiant-rouge-500: #a27b7c;
--color-radiant-rouge-600: #896869;
--color-radiant-rouge-700: #6d5354;
--color-radiant-rouge-800: #513c3e;
--color-radiant-rouge-900: #38292a;
--color-radiant-rouge-950: #231718;
}SCSS
$radiant-rouge: #d7b1b2;
$radiant-rouge-rgb: 215, 177, 178;
$radiant-rouge-light: mix(#fff, $radiant-rouge, 20%);
$radiant-rouge-dark: mix(#000, $radiant-rouge, 20%);
.element {
color: $radiant-rouge;
box-shadow: 0 0 0 2px rgba($radiant-rouge, 0.35);
}