Nazwany kolor · #DDBDBA
Strawflower
Strawflower to #DDBDBA: rgb(221 189 186), hsl(5 34% 80%), oklch(0.825 0.037 24.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Strawflower color name →
#DDBDBA
oklch(0.825 0.037 24.3)
Konwersje koloru
- HEX
- #ddbdba
- RGB
- rgb(221 189 186)
- HSL
- hsl(5 34% 80%)
- HWB
- hwb(5 73% 13%)
- OKLCH
- oklch(0.825 0.037 24.3)
- OKLab
- oklab(0.825 0.034 0.015)
- CIE Lab
- lab(79.35 11.43 5.98)
- LCH
- lch(79.35 12.9 27.6)
- CMYK
- cmyk(0% 14% 16% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1C3C1
- E4CAC8
- E7D1CE
- EBD7D5
- EEDEDC
- F2E4E3
- F5EBEA
- F8F2F1
- FCF8F8
Odcienie ciemniejsze
- C0A4A1
- A48C89
- 887472
- 6E5D5C
- 554746
- 3D3332
- 261F1E
- 110D0D
- 020202
Tony
- D3B7B4
- CAB1AE
- C0AAA8
- B7A4A2
- AE9E9D
- A49897
- 9B9291
- 928C8B
- 898686
Harmonie kolorów
Komplementarna +180°
- DDBDBA
Strawflower
- ABCDD1
≈ Grand Entrance
Analogowa -30° +30°
- DDBDBA
Strawflower
- DABCC7
≈ Fragrant Orchid
- DAC0B0
≈ Regal
Triada +120° +240°
- DDBDBA
Strawflower
- B8CCB7
≈ Isle of Dreams
- BAC6DF
≈ Objectivity
Komplementarna rozszczepiona +150° +210°
- DDBDBA
Strawflower
- AECEC4
≈ Watershed
- AFCADB
≈ Life at Sea
Tetrada +90° +180° +270°
- DDBDBA
Strawflower
- C5C9AE
≈ Desert Hot Springs
- ABCDD1
≈ Grand Entrance
- C7C2DC
≈ Ice Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.06:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--strawflower: #ddbdba;
--strawflower-rgb: 221 189 186;
--strawflower-oklch: oklch(0.825 0.037 24.3);
}
.element {
color: var(--strawflower);
background-color: hsl(5 34% 80%);
border-color: oklch(0.825 0.037 24.3);
}Tailwind CSS v4
@theme {
--color-strawflower: #ddbdba;
--color-strawflower-50: #fff1f0;
--color-strawflower-100: #f4e3e1;
--color-strawflower-200: #e4cfcc;
--color-strawflower-300: #cab1ad;
--color-strawflower-400: #b49694;
--color-strawflower-500: #9d7d7a;
--color-strawflower-600: #856a67;
--color-strawflower-700: #6b5553;
--color-strawflower-800: #4f3e3d;
--color-strawflower-900: #372a2a;
--color-strawflower-950: #211817;
}SCSS
$strawflower: #ddbdba;
$strawflower-rgb: 221, 189, 186;
$strawflower-light: mix(#fff, $strawflower, 20%);
$strawflower-dark: mix(#000, $strawflower, 20%);
.element {
color: $strawflower;
box-shadow: 0 0 0 2px rgba($strawflower, 0.35);
}