Benannte Farbe · #CC7661
Terra Orange
Terra Orange ist #CC7661: rgb(204 118 97), hsl(12 51% 59%), oklch(0.656 0.113 34.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Terra Orange color name →
#CC7661
oklch(0.656 0.113 34.6)
Farbumrechnungen
- HEX
- #cc7661
- RGB
- rgb(204 118 97)
- HSL
- hsl(12 51% 59%)
- HWB
- hwb(12 38% 20%)
- OKLCH
- oklch(0.656 0.113 34.6)
- OKLab
- oklab(0.656 0.093 0.064)
- CIE Lab
- lab(59.11 32.98 26.91)
- LCH
- lch(59.11 42.56 39.2)
- CMYK
- cmyk(0% 42% 52% 20%)
Tints · Shades · Tones
Tints
- D28470
- D89180
- DE9F8F
- E3AD9F
- E9BAAE
- EEC8BE
- F2D6CE
- F7E3DE
- FBF1EF
Shades
- B16653
- 975646
- 7E4739
- 65382D
- 4E2921
- 371C15
- 220F0B
- 0F0503
- 020100
Tones
- C57865
- BE7968
- B67A6B
- AF7C6F
- A87D72
- A07D75
- 987E78
- 907F7B
- 88807D
Farbharmonien
Komplementär +180°
- CC7661
Terra Orange
- 11A2BB
≈ January Blue
Analog -30° +30°
- CC7661
Terra Orange
- CA7288
≈ Long Spring
- C0813F
≈ Sweet Tea
Triadisch +120° +240°
- CC7661
Terra Orange
- 51A571
≈ Sēn Lín Lǜ Forest
- 7C8BD6
≈ True Lavender
Geteilt komplementär +150° +210°
- CC7661
Terra Orange
- 12A799
≈ Tropical Sea
- 4F97D1
≈ Blue Tourmaline
Tetradisch +90° +180° +270°
- CC7661
Terra Orange
- 829D4B
≈ Rosemarried
- 11A2BB
≈ January Blue
- A17EC8
≈ Wisteria
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.33:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--terra-orange: #cc7661;
--terra-orange-rgb: 204 118 97;
--terra-orange-oklch: oklch(0.656 0.113 34.6);
}
.element {
color: var(--terra-orange);
background-color: hsl(12 51% 59%);
border-color: oklch(0.656 0.113 34.6);
}Tailwind CSS v4
@theme {
--color-terra-orange: #cc7661;
--color-terra-orange-50: #ffebdf;
--color-terra-orange-100: #ffdcce;
--color-terra-orange-200: #ffc4b3;
--color-terra-orange-300: #eba38f;
--color-terra-orange-400: #d88571;
--color-terra-orange-500: #c56851;
--color-terra-orange-600: #a75845;
--color-terra-orange-700: #864637;
--color-terra-orange-800: #643228;
--color-terra-orange-900: #46221b;
--color-terra-orange-950: #2d110b;
}SCSS
$terra-orange: #cc7661;
$terra-orange-rgb: 204, 118, 97;
$terra-orange-light: mix(#fff, $terra-orange, 20%);
$terra-orange-dark: mix(#000, $terra-orange, 20%);
.element {
color: $terra-orange;
box-shadow: 0 0 0 2px rgba($terra-orange, 0.35);
}