Nazwany kolor · #C3705F
Cajun Spice
Cajun Spice to #C3705F: rgb(195 112 95), hsl(10 45% 57%), oklch(0.633 0.109 32.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cajun Spice color name →
#C3705F
oklch(0.633 0.109 32.5)
Konwersje koloru
- HEX
- #c3705f
- RGB
- rgb(195 112 95)
- HSL
- hsl(10 45% 57%)
- HWB
- hwb(10 37% 24%)
- OKLCH
- oklch(0.633 0.109 32.5)
- OKLab
- oklab(0.633 0.092 0.059)
- CIE Lab
- lab(56.54 32.33 24.45)
- LCH
- lch(56.54 40.53 37.1)
- CMYK
- cmyk(0% 43% 51% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA7E6E
- D18C7E
- D89B8D
- DEA99D
- E4B7AD
- EAC5BD
- F0D3CD
- F5E2DE
- FAF0EE
Odcienie ciemniejsze
- A96052
- 905144
- 784338
- 60352C
- 4A2720
- 341A15
- 200E0A
- 0E0403
- 020100
Tony
- BD7263
- B77466
- B0766A
- AA786D
- A37A70
- 9D7B74
- 967C77
- 8F7E7A
- 887F7D
Harmonie kolorów
Komplementarna +180°
- C3705F
Cajun Spice
- 0C9BB1
≈ Caneel Bay
Analogowa -30° +30°
- C3705F
Cajun Spice
- C06D84
≈ Pink Manhattan
- B97A3E
≈ Molten Caramel
Triada +120° +240°
- C3705F
Cajun Spice
- 519D69
≈ Solitary Tree
- 7485CC
≈ Violets Are Blue
Komplementarna rozszczepiona +150° +210°
- C3705F
Cajun Spice
- 189F90
≈ Teal Trip
- 4791C7
≈ Azure Blue
Tetrada +90° +180° +270°
- C3705F
Cajun Spice
- 7E9545
≈ Pepper Sprout
- 0C9BB1
≈ Caneel Bay
- 9779C1
≈ Lavender Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.61:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.80:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--cajun-spice: #c3705f;
--cajun-spice-rgb: 195 112 95;
--cajun-spice-oklch: oklch(0.633 0.109 32.5);
}
.element {
color: var(--cajun-spice);
background-color: hsl(10 45% 57%);
border-color: oklch(0.633 0.109 32.5);
}Tailwind CSS v4
@theme {
--color-cajun-spice: #c3705f;
--color-cajun-spice-50: #ffebe1;
--color-cajun-spice-100: #ffdcd0;
--color-cajun-spice-200: #ffc4b6;
--color-cajun-spice-300: #e9a492;
--color-cajun-spice-400: #d78675;
--color-cajun-spice-500: #c36956;
--color-cajun-spice-600: #a5594a;
--color-cajun-spice-700: #85473a;
--color-cajun-spice-800: #63332b;
--color-cajun-spice-900: #45231d;
--color-cajun-spice-950: #2d110d;
}SCSS
$cajun-spice: #c3705f;
$cajun-spice-rgb: 195, 112, 95;
$cajun-spice-light: mix(#fff, $cajun-spice, 20%);
$cajun-spice-dark: mix(#000, $cajun-spice, 20%);
.element {
color: $cajun-spice;
box-shadow: 0 0 0 2px rgba($cajun-spice, 0.35);
}