Nazwany kolor · #C24359
Saffron Desires
Saffron Desires to #C24359: rgb(194 67 89), hsl(350 51% 51%), oklch(0.566 0.162 13.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Saffron Desires color name →
#C24359
oklch(0.566 0.162 13.7)
Konwersje koloru
- HEX
- #c24359
- RGB
- rgb(194 67 89)
- HSL
- hsl(350 51% 51%)
- HWB
- hwb(350 26% 24%)
- OKLCH
- oklch(0.566 0.162 13.7)
- OKLab
- oklab(0.566 0.157 0.038)
- CIE Lab
- lab(47.79 52.6 16.49)
- LCH
- lch(47.79 55.13 17.4)
- CMYK
- cmyk(0% 65% 54% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA5868
- D26C78
- DA7E88
- E19198
- E7A3A9
- EDB6BA
- F2C8CB
- F7DADC
- FBECED
Odcienie ciemniejsze
- A8394C
- 8F2F40
- 772634
- 601D28
- 49141D
- 340C13
- 200509
- 0E0103
- 020000
Tony
- BD4C5D
- B75361
- B25A65
- AC6169
- A5676D
- 9F6C71
- 987274
- 907778
- 897B7C
Harmonie kolorów
Komplementarna +180°
- C24359
Saffron Desires
- 008886
≈ Green Moblin
Analogowa -30° +30°
- C24359
Saffron Desires
- B4478E
≈ Safflower Purple
- C04D08
≈ Crustose Lichen
Triada +120° +240°
- C24359
Saffron Desires
- 4B8900
≈ Mughal Green
- 1E76D2
≈ Bright Navy Blue
Komplementarna rozszczepiona +150° +210°
- C24359
Saffron Desires
- 008C62
≈ Chagall Green
- 0083A4
≈ Tibetan Turquoise
Tetrada +90° +180° +270°
- C24359
Saffron Desires
- 837900
≈ Soft Fig
- 008886
≈ Green Moblin
- 6D64D0
≈ Dark Periwinkle
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.95:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.24:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--saffron-desires: #c24359;
--saffron-desires-rgb: 194 67 89;
--saffron-desires-oklch: oklch(0.566 0.162 13.7);
}
.element {
color: var(--saffron-desires);
background-color: hsl(350 51% 51%);
border-color: oklch(0.566 0.162 13.7);
}Tailwind CSS v4
@theme {
--color-saffron-desires: #c24359;
--color-saffron-desires-50: #ffe3e6;
--color-saffron-desires-100: #ffd3d6;
--color-saffron-desires-200: #ffb8bd;
--color-saffron-desires-300: #ff939b;
--color-saffron-desires-400: #ee7182;
--color-saffron-desires-500: #dc4d65;
--color-saffron-desires-600: #b94256;
--color-saffron-desires-700: #953545;
--color-saffron-desires-800: #6f2533;
--color-saffron-desires-900: #4e1923;
--color-saffron-desires-950: #340812;
}SCSS
$saffron-desires: #c24359;
$saffron-desires-rgb: 194, 67, 89;
$saffron-desires-light: mix(#fff, $saffron-desires, 20%);
$saffron-desires-dark: mix(#000, $saffron-desires, 20%);
.element {
color: $saffron-desires;
box-shadow: 0 0 0 2px rgba($saffron-desires, 0.35);
}