Nazwany kolor · #C16A55
Sedona Canyon
Sedona Canyon to #C16A55: rgb(193 106 85), hsl(12 47% 55%), oklch(0.619 0.116 34.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sedona Canyon color name →
#C16A55
oklch(0.619 0.116 34.6)
Konwersje koloru
- HEX
- #c16a55
- RGB
- rgb(193 106 85)
- HSL
- hsl(12 47% 55%)
- HWB
- hwb(12 33% 24%)
- OKLCH
- oklch(0.619 0.116 34.6)
- OKLab
- oklab(0.619 0.095 0.066)
- CIE Lab
- lab(54.81 33.97 27.86)
- LCH
- lch(54.81 43.93 39.4)
- CMYK
- cmyk(0% 45% 56% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C87965
- D08876
- D69687
- DDA597
- E3B4A8
- E9C3B9
- EFD2CA
- F5E1DC
- FAF0ED
Odcienie ciemniejsze
- A75B49
- 8F4D3D
- 773F31
- 5F3126
- 49241C
- 341811
- 200D08
- 0E0402
- 020000
Tony
- BB6D5A
- B5705F
- AF7263
- A97568
- A3776C
- 9C7970
- 957B74
- 8F7D78
- 877E7C
Harmonie kolorów
Komplementarna +180°
- C16A55
Sedona Canyon
- 0096AE
≈ Aquarium Diver
Analogowa -30° +30°
- C16A55
Sedona Canyon
- BF667D
≈ Creamed Raspberry
- B57530
≈ Fireside Chat
Triada +120° +240°
- C16A55
Sedona Canyon
- 439A66
≈ Bulma Hair
- 717FCB
≈ Kickstart Purple
Komplementarna rozszczepiona +150° +210°
- C16A55
Sedona Canyon
- 009B8E
≈ Tropics
- 408CC6
≈ Magical Merlin
Tetrada +90° +180° +270°
- C16A55
Sedona Canyon
- 76913D
≈ Fresh Herb
- 0096AE
≈ Aquarium Diver
- 9673BE
≈ Viola
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.84:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.46:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--sedona-canyon: #c16a55;
--sedona-canyon-rgb: 193 106 85;
--sedona-canyon-oklch: oklch(0.619 0.116 34.6);
}
.element {
color: var(--sedona-canyon);
background-color: hsl(12 47% 55%);
border-color: oklch(0.619 0.116 34.6);
}Tailwind CSS v4
@theme {
--color-sedona-canyon: #c16a55;
--color-sedona-canyon-50: #ffeade;
--color-sedona-canyon-100: #ffdbcd;
--color-sedona-canyon-200: #ffc4b2;
--color-sedona-canyon-300: #eca38e;
--color-sedona-canyon-400: #da8470;
--color-sedona-canyon-500: #c76750;
--color-sedona-canyon-600: #a85744;
--color-sedona-canyon-700: #874636;
--color-sedona-canyon-800: #643228;
--color-sedona-canyon-900: #47221a;
--color-sedona-canyon-950: #2e110b;
}SCSS
$sedona-canyon: #c16a55;
$sedona-canyon-rgb: 193, 106, 85;
$sedona-canyon-light: mix(#fff, $sedona-canyon, 20%);
$sedona-canyon-dark: mix(#000, $sedona-canyon, 20%);
.element {
color: $sedona-canyon;
box-shadow: 0 0 0 2px rgba($sedona-canyon, 0.35);
}