Benannte Farbe · #C67363
Sahara Sun
Sahara Sun ist #C67363: rgb(198 115 99), hsl(10 46% 58%), oklch(0.643 0.108 31.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sahara Sun color name →
#C67363
oklch(0.643 0.108 31.8)
Farbumrechnungen
- HEX
- #c67363
- RGB
- rgb(198 115 99)
- HSL
- hsl(10 46% 58%)
- HWB
- hwb(10 39% 22%)
- OKLCH
- oklch(0.643 0.108 31.8)
- OKLab
- oklab(0.643 0.092 0.057)
- CIE Lab
- lab(57.67 32.25 23.74)
- LCH
- lch(57.67 40.05 36.3)
- CMYK
- cmyk(0% 42% 50% 22%)
Tints · Shades · Tones
Tints
- CD8172
- D38F81
- DA9D90
- E0ABA0
- E6B8AF
- EBC6BF
- F0D4CF
- F6E3DF
- FAF1EF
Shades
- AC6355
- 925447
- 7A453A
- 62362E
- 4B2821
- 351B16
- 210F0B
- 0E0503
- 020100
Tones
- C07566
- B97769
- B2786C
- AC7A6F
- A57B72
- 9E7C75
- 977D78
- 8F7E7B
- 887F7D
Farbharmonien
Komplementär +180°
- C67363
Sahara Sun
- 179EB3
≈ Lake Blue
Analog -30° +30°
- C67363
Sahara Sun
- C37088
≈ Prehistoric Pink
- BC7D42
≈ Tuscan Sunset
Triadisch +120° +240°
- C67363
Sahara Sun
- 56A06C
≈ Mosaic Green
- 7688CF
≈ Violets Are Blue
Geteilt komplementär +150° +210°
- C67363
Sahara Sun
- 22A292
≈ Turquish
- 4A95C9
≈ Perfect Sky
Tetradisch +90° +180° +270°
- C67363
Sahara Sun
- 829748
≈ Bamboo Grass Green
- 179EB3
≈ Lake Blue
- 997DC4
≈ Plum Burst
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.48:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.03:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--sahara-sun: #c67363;
--sahara-sun-rgb: 198 115 99;
--sahara-sun-oklch: oklch(0.643 0.108 31.8);
}
.element {
color: var(--sahara-sun);
background-color: hsl(10 46% 58%);
border-color: oklch(0.643 0.108 31.8);
}Tailwind CSS v4
@theme {
--color-sahara-sun: #c67363;
--color-sahara-sun-50: #ffebe1;
--color-sahara-sun-100: #ffdcd1;
--color-sahara-sun-200: #ffc4b6;
--color-sahara-sun-300: #e9a493;
--color-sahara-sun-400: #d78676;
--color-sahara-sun-500: #c36958;
--color-sahara-sun-600: #a5594b;
--color-sahara-sun-700: #84473b;
--color-sahara-sun-800: #62332c;
--color-sahara-sun-900: #45231d;
--color-sahara-sun-950: #2d110d;
}SCSS
$sahara-sun: #c67363;
$sahara-sun-rgb: 198, 115, 99;
$sahara-sun-light: mix(#fff, $sahara-sun, 20%);
$sahara-sun-dark: mix(#000, $sahara-sun, 20%);
.element {
color: $sahara-sun;
box-shadow: 0 0 0 2px rgba($sahara-sun, 0.35);
}