Najbliższy nazwany kolor · #C06964
#C06964
Najbliższy nazwany kolor: Stormy Passion
#C06964 (rgb(192 105 100), hsl(3 42% 57%), oklch(0.619 0.112 24.3)) jest najbliższy nazwanemu kolorowi Stormy Passion. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C06964
oklch(0.619 0.112 24.3)
Konwersje koloru
- HEX
- #c06964
- RGB
- rgb(192 105 100)
- HSL
- hsl(3 42% 57%)
- HWB
- hwb(3 39% 25%)
- OKLCH
- oklch(0.619 0.112 24.3)
- OKLab
- oklab(0.619 0.102 0.046)
- CIE Lab
- lab(54.69 35.05 19.07)
- LCH
- lch(54.69 39.9 28.5)
- CMYK
- cmyk(0% 45% 48% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C87873
- CF8781
- D69690
- DCA4A0
- E3B3AF
- E9C2BF
- EFD1CF
- F5E0DE
- FAF0EF
Odcienie ciemniejsze
- A75A56
- 8E4C48
- 763E3B
- 5F312E
- 492422
- 341816
- 200C0B
- 0E0403
- 020000
Tony
- BA6C67
- B46F6A
- AE716D
- A87470
- A27673
- 9C7875
- 957A78
- 8E7C7B
- 877E7D
Harmonie kolorów
Komplementarna +180°
- C06964
Stormy Passion
- 0098A3
≈ Island Dream
Analogowa -30° +30°
- C06964
Stormy Passion
- BA688A
≈ Malevolent Mauve
- B9723F
≈ Spice Cake
Triada +120° +240°
- C06964
Stormy Passion
- 599759
≈ Wicked Witch
- 6384C9
≈ Livid
Komplementarna rozszczepiona +150° +210°
- C06964
Stormy Passion
- 1A9B81
≈ Paolo Veronese Green
- 3090BF
≈ Christmas Blue
Tetrada +90° +180° +270°
- C06964
Stormy Passion
- 858D35
≈ Wasabi Nuts
- 0098A3
≈ Island Dream
- 8A78C2
≈ Ube
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.85:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.44:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--stormy-passion: #c06964;
--stormy-passion-rgb: 192 105 100;
--stormy-passion-oklch: oklch(0.619 0.112 24.3);
}
.element {
color: var(--stormy-passion);
background-color: hsl(3 42% 57%);
border-color: oklch(0.619 0.112 24.3);
}Tailwind CSS v4
@theme {
--color-stormy-passion: #c06964;
--color-stormy-passion-50: #ffeae4;
--color-stormy-passion-100: #ffdad4;
--color-stormy-passion-200: #ffc3bb;
--color-stormy-passion-300: #eba199;
--color-stormy-passion-400: #d9837e;
--color-stormy-passion-500: #c56661;
--color-stormy-passion-600: #a75652;
--color-stormy-passion-700: #864541;
--color-stormy-passion-800: #643130;
--color-stormy-passion-900: #462221;
--color-stormy-passion-950: #2d1010;
}SCSS
$stormy-passion: #c06964;
$stormy-passion-rgb: 192, 105, 100;
$stormy-passion-light: mix(#fff, $stormy-passion, 20%);
$stormy-passion-dark: mix(#000, $stormy-passion, 20%);
.element {
color: $stormy-passion;
box-shadow: 0 0 0 2px rgba($stormy-passion, 0.35);
}