Nazwany kolor · #DC938C
Tuscan Image
Tuscan Image to #DC938C: rgb(220 147 140), hsl(5 53% 71%), oklch(0.734 0.09 25.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tuscan Image color name →
#DC938C
oklch(0.734 0.09 25.5)
Konwersje koloru
- HEX
- #dc938c
- RGB
- rgb(220 147 140)
- HSL
- hsl(5 53% 71%)
- HWB
- hwb(5 55% 14%)
- OKLCH
- oklch(0.734 0.09 25.5)
- OKLab
- oklab(0.734 0.081 0.039)
- CIE Lab
- lab(68.34 27.72 15.61)
- LCH
- lch(68.34 31.81 29.4)
- CMYK
- cmyk(0% 33% 36% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E09E97
- E4A8A2
- E8B3AE
- ECBEB9
- F0C9C4
- F3D3D0
- F6DEDC
- F9E9E7
- FCF4F3
Odcienie ciemniejsze
- BF7F79
- A36C67
- 885955
- 6E4743
- 543633
- 3C2523
- 261614
- 110807
- 020101
Tony
- D3918B
- CA908A
- C18E89
- B88C87
- AE8A86
- A58885
- 9C8684
- 938483
- 898281
Harmonie kolorów
Komplementarna +180°
- DC938C
Tuscan Image
- 5CB9C4
≈ Shinbashi
Analogowa -30° +30°
- DC938C
Tuscan Image
- D791AB
≈ Foxy Pink
- D59A72
≈ Rustic Adobe
Triada +120° +240°
- DC938C
Tuscan Image
- 85B887
≈ Aniseed Leaf Green
- 8EA8E2
≈ Queer Blue
Komplementarna rozszczepiona +150° +210°
- DC938C
Tuscan Image
- 66BCA6
≈ Bath Turquoise
- 6FB2DA
≈ Milky Waves
Tetrada +90° +180° +270°
- DC938C
Tuscan Image
- A6B06E
≈ Umbrella Green
- 5CB9C4
≈ Shinbashi
- AD9EDC
≈ Violet Velvet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.59:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--tuscan-image: #dc938c;
--tuscan-image-rgb: 220 147 140;
--tuscan-image-oklch: oklch(0.734 0.09 25.5);
}
.element {
color: var(--tuscan-image);
background-color: hsl(5 53% 71%);
border-color: oklch(0.734 0.09 25.5);
}Tailwind CSS v4
@theme {
--color-tuscan-image: #dc938c;
--color-tuscan-image-50: #ffece7;
--color-tuscan-image-100: #ffddd8;
--color-tuscan-image-200: #f9c6bf;
--color-tuscan-image-300: #e2a69e;
--color-tuscan-image-400: #ce8a83;
--color-tuscan-image-500: #ba6e67;
--color-tuscan-image-600: #9d5d58;
--color-tuscan-image-700: #7e4a46;
--color-tuscan-image-800: #5e3633;
--color-tuscan-image-900: #422523;
--color-tuscan-image-950: #2a1312;
}SCSS
$tuscan-image: #dc938c;
$tuscan-image-rgb: 220, 147, 140;
$tuscan-image-light: mix(#fff, $tuscan-image, 20%);
$tuscan-image-dark: mix(#000, $tuscan-image, 20%);
.element {
color: $tuscan-image;
box-shadow: 0 0 0 2px rgba($tuscan-image, 0.35);
}