Nazwany kolor · #953D68
Dynamo
Dynamo to #953D68: rgb(149 61 104), hsl(331 42% 41%), oklch(0.492 0.128 352.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dynamo color name →
#953D68
oklch(0.492 0.128 352.3)
Konwersje koloru
- HEX
- #953d68
- RGB
- rgb(149 61 104)
- HSL
- hsl(331 42% 41%)
- HWB
- hwb(331 24% 42%)
- OKLCH
- oklch(0.492 0.128 352.3)
- OKLab
- oklab(0.492 0.127 -0.017)
- CIE Lab
- lab(39.36 41.09 -5.96)
- LCH
- lch(39.36 41.51 351.7)
- CMYK
- cmyk(0% 59% 30% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A15176
- AD6484
- B87693
- C389A2
- CE9CB1
- D8B0C0
- E2C3CF
- ECD7DF
- F6EBEF
Odcienie ciemniejsze
- 813459
- 6D2B4B
- 5A223E
- 481A30
- 371224
- 260A18
- 16040C
- 080104
- 010000
Tony
- 94456A
- 934C6D
- 91546F
- 905A72
- 8E6174
- 8C6776
- 896E79
- 87747B
- 837A7E
Harmonie kolorów
Komplementarna +180°
- 953D68
Dynamo
- 00725B
≈ Tropical Rainforest
Analogowa -30° +30°
- 953D68
Dynamo
- 82458B
≈ Prunella
- 9C3D3E
≈ Mexican Red
Triada +120° +240°
- 953D68
Dynamo
- 636600
≈ Mud Green
- 006A90
≈ Port au Prince
Komplementarna rozszczepiona +150° +210°
- 953D68
Dynamo
- 2E7229
≈ Japanese Laurel
- 006F75
≈ Active Turquoise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.67:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--dynamo: #953d68;
--dynamo-rgb: 149 61 104;
--dynamo-oklch: oklch(0.492 0.128 352.3);
}
.element {
color: var(--dynamo);
background-color: hsl(331 42% 41%);
border-color: oklch(0.492 0.128 352.3);
}Tailwind CSS v4
@theme {
--color-dynamo: #953d68;
--color-dynamo-50: #ffe7f7;
--color-dynamo-100: #ffd7ea;
--color-dynamo-200: #ffbed8;
--color-dynamo-300: #eb9cbb;
--color-dynamo-400: #d87da6;
--color-dynamo-500: #c45e8e;
--color-dynamo-600: #a65078;
--color-dynamo-700: #854060;
--color-dynamo-800: #622e48;
--color-dynamo-900: #451f32;
--color-dynamo-950: #2c0e1e;
}SCSS
$dynamo: #953d68;
$dynamo-rgb: 149, 61, 104;
$dynamo-light: mix(#fff, $dynamo, 20%);
$dynamo-dark: mix(#000, $dynamo, 20%);
.element {
color: $dynamo;
box-shadow: 0 0 0 2px rgba($dynamo, 0.35);
}