Benannte Farbe · #CC9F76
Fresh Croissant
Fresh Croissant ist #CC9F76: rgb(204 159 118), hsl(29 46% 63%), oklch(0.735 0.077 63.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Fresh Croissant color name →
#CC9F76
oklch(0.735 0.077 63.5)
Farbumrechnungen
- HEX
- #cc9f76
- RGB
- rgb(204 159 118)
- HSL
- hsl(29 46% 63%)
- HWB
- hwb(29 46% 20%)
- OKLCH
- oklch(0.735 0.077 63.5)
- OKLab
- oklab(0.735 0.034 0.069)
- CIE Lab
- lab(69.03 13.32 28.15)
- LCH
- lch(69.03 31.14 64.7)
- CMYK
- cmyk(0% 22% 42% 20%)
Tints · Shades · Tones
Tints
- D1A884
- D7B291
- DCBB9F
- E1C5AC
- E6CFBA
- EBD8C8
- F0E2D5
- F5ECE3
- FAF5F1
Shades
- B18A66
- 977556
- 7E6147
- 654D38
- 4E3B29
- 37291C
- 22180F
- 0F0905
- 020101
Tones
- C49C78
- BD9979
- B5967A
- AD937B
- A6907C
- 9E8D7D
- 978A7E
- 8F867F
- 88837F
Farbharmonien
Komplementär +180°
- CC9F76
Fresh Croissant
- 7FAFD6
≈ Boo Blue
Analog -30° +30°
- CC9F76
Fresh Croissant
- D5988A
≈ Nectarine Spice
- B9A970
≈ Oatmeal Biscuit
Triadisch +120° +240°
- CC9F76
Fresh Croissant
- 6EB9AE
≈ Florida Turquoise
- B39ED1
≈ Dechala Lilac
Geteilt komplementär +150° +210°
- CC9F76
Fresh Croissant
- 6DB6C6
≈ Blouson Blue
- 99A6DA
≈ Dalmatian Sage
Tetradisch +90° +180° +270°
- CC9F76
Fresh Croissant
- 83B893
≈ Veiled Chameleon
- 7FAFD6
≈ Boo Blue
- C797BE
≈ Moorland Heather
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.78:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-croissant: #cc9f76;
--fresh-croissant-rgb: 204 159 118;
--fresh-croissant-oklch: oklch(0.735 0.077 63.5);
}
.element {
color: var(--fresh-croissant);
background-color: hsl(29 46% 63%);
border-color: oklch(0.735 0.077 63.5);
}Tailwind CSS v4
@theme {
--color-fresh-croissant: #cc9f76;
--color-fresh-croissant-50: #fff1df;
--color-fresh-croissant-100: #fbe3ce;
--color-fresh-croissant-200: #ecceb2;
--color-fresh-croissant-300: #d3b08e;
--color-fresh-croissant-400: #bf956e;
--color-fresh-croissant-500: #aa7b4e;
--color-fresh-croissant-600: #906843;
--color-fresh-croissant-700: #735335;
--color-fresh-croissant-800: #563c26;
--color-fresh-croissant-900: #3c2919;
--color-fresh-croissant-950: #26170a;
}SCSS
$fresh-croissant: #cc9f76;
$fresh-croissant-rgb: 204, 159, 118;
$fresh-croissant-light: mix(#fff, $fresh-croissant, 20%);
$fresh-croissant-dark: mix(#000, $fresh-croissant, 20%);
.element {
color: $fresh-croissant;
box-shadow: 0 0 0 2px rgba($fresh-croissant, 0.35);
}