Nazwany kolor · #CA135E
Yearning Desire
Yearning Desire to #CA135E: rgb(202 19 94), hsl(335 83% 43%), oklch(0.545 0.211 5.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Yearning Desire color name →
#CA135E
oklch(0.545 0.211 5.6)
Konwersje koloru
- HEX
- #ca135e
- RGB
- rgb(202 19 94)
- HSL
- hsl(335 83% 43%)
- HWB
- hwb(335 7% 21%)
- OKLCH
- oklch(0.545 0.211 5.6)
- OKLab
- oklab(0.545 0.21 0.021)
- CIE Lab
- lab(44.64 68.16 9.42)
- LCH
- lch(44.64 68.81 7.9)
- CMYK
- cmyk(0% 91% 53% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D33C6D
- DB567C
- E26D8B
- E9839B
- EE98AB
- F3ADBB
- F8C1CC
- FBD6DD
- FDEAEE
Odcienie ciemniejsze
- AF0F51
- 950B44
- 7C0737
- 64052B
- 4D031F
- 370114
- 22010A
- 0F0003
- 020000
Tony
- C42D61
- BF3C65
- B94868
- B2536B
- AB5C6F
- A46472
- 9C6C76
- 947379
- 8A7A7D
Harmonie kolorów
Komplementarna +180°
- CA135E
Yearning Desire
- 008278
≈ Green Garlands
Analogowa -30° +30°
- CA135E
Yearning Desire
- B4299E
≈ Fuchsia Flourish
- C53400
≈ Harley Davidson Orange
Triada +120° +240°
- CA135E
Yearning Desire
- 5D7D00
≈ Enchanted Forest
- 0075BB
≈ Biloxi Blue
Komplementarna rozszczepiona +150° +210°
- CA135E
Yearning Desire
- 00864D
≈ Pixel Nature
- 007E93
≈ Pagoda
Tetrada +90° +180° +270°
- CA135E
Yearning Desire
- 846F00
≈ Sunlit Kelp Green
- 008278
≈ Green Garlands
- 5458E7
≈ Arcane Brew
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.57:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.76:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--yearning-desire: #ca135e;
--yearning-desire-rgb: 202 19 94;
--yearning-desire-oklch: oklch(0.545 0.211 5.6);
}
.element {
color: var(--yearning-desire);
background-color: hsl(335 83% 43%);
border-color: oklch(0.545 0.211 5.6);
}Tailwind CSS v4
@theme {
--color-yearning-desire: #ca135e;
--color-yearning-desire-50: #ffddea;
--color-yearning-desire-100: #ffcbdb;
--color-yearning-desire-200: #ffadc4;
--color-yearning-desire-300: #ff84a4;
--color-yearning-desire-400: #fe5c8c;
--color-yearning-desire-500: #ed2572;
--color-yearning-desire-600: #c82360;
--color-yearning-desire-700: #a11d4d;
--color-yearning-desire-800: #78133a;
--color-yearning-desire-900: #550c28;
--color-yearning-desire-950: #380016;
}SCSS
$yearning-desire: #ca135e;
$yearning-desire-rgb: 202, 19, 94;
$yearning-desire-light: mix(#fff, $yearning-desire, 20%);
$yearning-desire-dark: mix(#000, $yearning-desire, 20%);
.element {
color: $yearning-desire;
box-shadow: 0 0 0 2px rgba($yearning-desire, 0.35);
}