Nazwany kolor · #DD8866
Midnight in Saigon
Midnight in Saigon to #DD8866: rgb(221 136 102), hsl(17 64% 63%), oklch(0.708 0.115 42.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Midnight in Saigon color name →
#DD8866
oklch(0.708 0.115 42.4)
Konwersje koloru
- HEX
- #dd8866
- RGB
- rgb(221 136 102)
- HSL
- hsl(17 64% 63%)
- HWB
- hwb(17 40% 13%)
- OKLCH
- oklch(0.708 0.115 42.4)
- OKLab
- oklab(0.708 0.085 0.077)
- CIE Lab
- lab(65.39 30.91 32.63)
- LCH
- lch(65.39 44.95 46.5)
- CMYK
- cmyk(0% 38% 54% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E19475
- E6A085
- EAAC94
- EDB8A3
- F1C4B2
- F4CFC1
- F7DBD0
- FAE7E0
- FDF3EF
Odcienie ciemniejsze
- C07558
- A4634A
- 88523C
- 6E412F
- 553123
- 3D2217
- 26130C
- 110604
- 020100
Tony
- D48869
- CB876D
- C2876F
- B98672
- AF8575
- A68577
- 9D847A
- 93827C
- 8A817E
Harmonie kolorów
Komplementarna +180°
- DD8866
Midnight in Saigon
- 39B0D4
≈ Santorini
Analogowa -30° +30°
- DD8866
Midnight in Saigon
- DF828D
≈ Pulp
- CD9548
≈ Bengal
Triada +120° +240°
- DD8866
Midnight in Saigon
- 53B78B
≈ Blue Green Scene
- 9697E7
≈ Cold Lips
Komplementarna rozszczepiona +150° +210°
- DD8866
Midnight in Saigon
- 25B7B4
≈ Caicos Turquoise
- 6AA5E7
≈ Greek Sea
Tetrada +90° +180° +270°
- DD8866
Midnight in Saigon
- 85B063
≈ Broccoli
- 39B0D4
≈ Santorini
- B98BD5
≈ Pale Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.78:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--midnight-in-saigon: #dd8866;
--midnight-in-saigon-rgb: 221 136 102;
--midnight-in-saigon-oklch: oklch(0.708 0.115 42.4);
}
.element {
color: var(--midnight-in-saigon);
background-color: hsl(17 64% 63%);
border-color: oklch(0.708 0.115 42.4);
}Tailwind CSS v4
@theme {
--color-midnight-in-saigon: #dd8866;
--color-midnight-in-saigon-50: #ffecdb;
--color-midnight-in-saigon-100: #ffddc9;
--color-midnight-in-saigon-200: #ffc5ac;
--color-midnight-in-saigon-300: #eaa587;
--color-midnight-in-saigon-400: #d78767;
--color-midnight-in-saigon-500: #c46a45;
--color-midnight-in-saigon-600: #a65a3b;
--color-midnight-in-saigon-700: #85482f;
--color-midnight-in-saigon-800: #633322;
--color-midnight-in-saigon-900: #462316;
--color-midnight-in-saigon-950: #2d1208;
}SCSS
$midnight-in-saigon: #dd8866;
$midnight-in-saigon-rgb: 221, 136, 102;
$midnight-in-saigon-light: mix(#fff, $midnight-in-saigon, 20%);
$midnight-in-saigon-dark: mix(#000, $midnight-in-saigon, 20%);
.element {
color: $midnight-in-saigon;
box-shadow: 0 0 0 2px rgba($midnight-in-saigon, 0.35);
}