Nazwany kolor · #D3ACCE
Queenly
Queenly to #D3ACCE: rgb(211 172 206), hsl(308 31% 75%), oklch(0.79 0.064 330.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Queenly color name →
#D3ACCE
oklch(0.79 0.064 330.5)
Konwersje koloru
- HEX
- #d3acce
- RGB
- rgb(211 172 206)
- HSL
- hsl(308 31% 75%)
- HWB
- hwb(308 67% 17%)
- OKLCH
- oklch(0.79 0.064 330.5)
- OKLab
- oklab(0.79 0.056 -0.032)
- CIE Lab
- lab(74.7 18.92 -11.71)
- LCH
- lch(74.7 22.25 328.3)
- CMYK
- cmyk(0% 18% 2% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8B4D3
- DCBCD8
- E0C5DD
- E5CDE2
- E9D5E6
- EEDDEB
- F2E6F0
- F6EEF5
- FBF7FA
Odcienie ciemniejsze
- B795B3
- 9C7F98
- 82697F
- 695466
- 51404E
- 3A2D38
- 241B23
- 100B0F
- 020102
Tony
- CAA8C6
- C2A3BE
- BA9FB6
- B19AAE
- A996A6
- A1929F
- 988D97
- 90898F
- 888488
Harmonie kolorów
Komplementarna +180°
- D3ACCE
Queenly
- 9DC7A5
≈ French Market
Analogowa -30° +30°
- D3ACCE
Queenly
- C1B2DE
≈ Moonraker
- DEAAB8
≈ Apple Infusion
Triada +120° +240°
- D3ACCE
Queenly
- CAB98B
≈ Canvas Satchel
- 89C6D2
≈ Maiden Voyage
Komplementarna rozszczepiona +150° +210°
- D3ACCE
Queenly
- B4C193
≈ Harmonious
- 8CC8BC
≈ Tranquil Teal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.56:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--queenly: #d3acce;
--queenly-rgb: 211 172 206;
--queenly-oklch: oklch(0.79 0.064 330.5);
}
.element {
color: var(--queenly);
background-color: hsl(308 31% 75%);
border-color: oklch(0.79 0.064 330.5);
}Tailwind CSS v4
@theme {
--color-queenly: #d3acce;
--color-queenly-50: #ffeffd;
--color-queenly-100: #f6e0f1;
--color-queenly-200: #e6cbe0;
--color-queenly-300: #ccacc6;
--color-queenly-400: #b591b0;
--color-queenly-500: #9f779a;
--color-queenly-600: #866582;
--color-queenly-700: #6c5068;
--color-queenly-800: #4f3a4e;
--color-queenly-900: #372836;
--color-queenly-950: #221621;
}SCSS
$queenly: #d3acce;
$queenly-rgb: 211, 172, 206;
$queenly-light: mix(#fff, $queenly, 20%);
$queenly-dark: mix(#000, $queenly, 20%);
.element {
color: $queenly;
box-shadow: 0 0 0 2px rgba($queenly, 0.35);
}