Benannte Farbe · #FFC6A5
Bright Citrus
Bright Citrus ist #FFC6A5: rgb(255 198 165), hsl(22 100% 82%), oklch(0.869 0.079 51.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Bright Citrus color name →
#FFC6A5
oklch(0.869 0.079 51.4)
Farbumrechnungen
- HEX
- #ffc6a5
- RGB
- rgb(255 198 165)
- HSL
- hsl(22 100% 82%)
- HWB
- hwb(22 65% 0%)
- OKLCH
- oklch(0.869 0.079 51.4)
- OKLab
- oklab(0.869 0.049 0.062)
- CIE Lab
- lab(84.49 17.79 24.81)
- LCH
- lch(84.49 30.53 54.3)
- CMYK
- cmyk(0% 22% 35% 0%)
Tints · Shades · Tones
Tints
- FFCCAE
- FFD2B7
- FFD7C0
- FFDDC9
- FFE3D2
- FFE8DB
- FFEEE4
- FFF4ED
- FFF9F6
Shades
- DEAC8F
- BE9279
- 9E7A65
- 806251
- 634B3D
- 48352B
- 2E211A
- 160E0A
- 030201
Tones
- F2BFA1
- E5B89E
- D8B19A
- CBAA97
- BEA393
- B29C8F
- A5958C
- 998E88
- 8C8784
Farbharmonien
Komplementär +180°
- FFC6A5
Bright Citrus
- 9FDEFF
≈ Columbia Blue
Analog -30° +30°
- FFC6A5
Bright Citrus
- FFC3C0
≈ Ladylike
- EFCF99
≈ Sparkling Champagne
Triadisch +120° +240°
- FFC6A5
Bright Citrus
- 9EE5CE
≈ Aqua Wish
- D4CDFF
≈ Lavender Blue
Geteilt komplementär +150° +210°
- FFC6A5
Bright Citrus
- 94E4EA
≈ Aqua Fiesta
- BDD5FF
≈ Oh Boy!
Tetradisch +90° +180° +270°
- FFC6A5
Bright Citrus
- B8E2B1
≈ Mint Cocktail Green
- 9FDEFF
≈ Columbia Blue
- EDC4F4
≈ Purple’s Baby Sister
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.87:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.87:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--bright-citrus: #ffc6a5;
--bright-citrus-rgb: 255 198 165;
--bright-citrus-oklch: oklch(0.869 0.079 51.4);
}
.element {
color: var(--bright-citrus);
background-color: hsl(22 100% 82%);
border-color: oklch(0.869 0.079 51.4);
}Tailwind CSS v4
@theme {
--color-bright-citrus: #ffc6a5;
--color-bright-citrus-50: #fff0e1;
--color-bright-citrus-100: #fee1d0;
--color-bright-citrus-200: #f0ccb5;
--color-bright-citrus-300: #d8ad92;
--color-bright-citrus-400: #c59174;
--color-bright-citrus-500: #b07755;
--color-bright-citrus-600: #956548;
--color-bright-citrus-700: #775039;
--color-bright-citrus-800: #593a29;
--color-bright-citrus-900: #3e281c;
--color-bright-citrus-950: #27160c;
}SCSS
$bright-citrus: #ffc6a5;
$bright-citrus-rgb: 255, 198, 165;
$bright-citrus-light: mix(#fff, $bright-citrus, 20%);
$bright-citrus-dark: mix(#000, $bright-citrus, 20%);
.element {
color: $bright-citrus;
box-shadow: 0 0 0 2px rgba($bright-citrus, 0.35);
}