Benannte Farbe · #F0C39F
Carving Party
Carving Party ist #F0C39F: rgb(240 195 159), hsl(27 73% 78%), oklch(0.848 0.07 60.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Carving Party color name →
#F0C39F
oklch(0.848 0.07 60.3)
Farbumrechnungen
- HEX
- #f0c39f
- RGB
- rgb(240 195 159)
- HSL
- hsl(27 73% 78%)
- HWB
- hwb(27 62% 6%)
- OKLCH
- oklch(0.848 0.07 60.3)
- OKLab
- oklab(0.848 0.035 0.061)
- CIE Lab
- lab(82.17 12.94 24.52)
- LCH
- lch(82.17 27.73 62.2)
- CMYK
- cmyk(0% 19% 34% 6%)
Tints · Shades · Tones
Tints
- F2C9A9
- F3CFB2
- F5D5BC
- F7DBC5
- F8E1CF
- FAE7D9
- FBEDE2
- FCF3EC
- FEF9F5
Shades
- D1A98A
- B29075
- 957861
- 78604D
- 5D4A3B
- 433429
- 2A2018
- 140E09
- 030201
Tones
- E4BC9C
- D9B599
- CDAF96
- C2A893
- B7A190
- AC9A8D
- A1948A
- 968D87
- 8B8783
Farbharmonien
Komplementär +180°
- F0C39F
Carving Party
- A4D4F7
≈ Juzcar Blue
Analog -30° +30°
- F0C39F
Carving Party
- F8BDB2
≈ Sweet Nectar
- DFCC98
≈ Desert Temple
Triadisch +120° +240°
- F0C39F
Carving Party
- 9ADDCF
≈ Tropical Freeze
- D4C3F5
≈ Innocent Snowdrop
Geteilt komplementär +150° +210°
- F0C39F
Carving Party
- 96DAE7
≈ Cool Water Lake
- BBCCFC
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- F0C39F
Carving Party
- ADDBB5
≈ Celtic Spring
- A4D4F7
≈ Juzcar Blue
- E8BDE3
≈ Blackberry Yoghurt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 13.01:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--carving-party: #f0c39f;
--carving-party-rgb: 240 195 159;
--carving-party-oklch: oklch(0.848 0.07 60.3);
}
.element {
color: var(--carving-party);
background-color: hsl(27 73% 78%);
border-color: oklch(0.848 0.07 60.3);
}Tailwind CSS v4
@theme {
--color-carving-party: #f0c39f;
--color-carving-party-50: #fff1e1;
--color-carving-party-100: #fae3d1;
--color-carving-party-200: #ebceb6;
--color-carving-party-300: #d2b093;
--color-carving-party-400: #be9574;
--color-carving-party-500: #a97b55;
--color-carving-party-600: #8f6849;
--color-carving-party-700: #72533a;
--color-carving-party-800: #553c2a;
--color-carving-party-900: #3b291c;
--color-carving-party-950: #25170c;
}SCSS
$carving-party: #f0c39f;
$carving-party-rgb: 240, 195, 159;
$carving-party-light: mix(#fff, $carving-party, 20%);
$carving-party-dark: mix(#000, $carving-party, 20%);
.element {
color: $carving-party;
box-shadow: 0 0 0 2px rgba($carving-party, 0.35);
}