Benannte Farbe · #AF915D
Brazilian Citrine
Brazilian Citrine ist #AF915D: rgb(175 145 93), hsl(38 34% 53%), oklch(0.672 0.078 80.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brazilian Citrine color name →
#AF915D
oklch(0.672 0.078 80.6)
Farbumrechnungen
- HEX
- #af915d
- RGB
- rgb(175 145 93)
- HSL
- hsl(38 34% 53%)
- HWB
- hwb(38 36% 31%)
- OKLCH
- oklch(0.672 0.078 80.6)
- OKLab
- oklab(0.672 0.013 0.077)
- CIE Lab
- lab(62.08 6.56 31.96)
- LCH
- lch(62.08 32.62 78.4)
- CMYK
- cmyk(0% 17% 47% 31%)
Tints · Shades · Tones
Tints
- B79C6D
- BFA67D
- C7B18D
- CFBC9D
- D7C7AD
- DFD2BD
- E7DDCE
- EFE8DE
- F7F4EE
Shades
- 987D50
- 816A43
- 6B5837
- 56462A
- 41351F
- 2E2514
- 1C150A
- 0B0703
- 010100
Tones
- AA8F61
- A68E65
- A18C69
- 9C8B6D
- 978970
- 938774
- 8E8577
- 89847A
- 85827D
Farbharmonien
Komplementär +180°
- AF915D
Brazilian Citrine
- 7A97C7
≈ Steel Blue Eyes
Analog -30° +30°
- AF915D
Brazilian Citrine
- BD886A
≈ Honey Graham
- 989B61
≈ Stem
Triadisch +120° +240°
- AF915D
Brazilian Citrine
- 55A5A9
≈ Twilight Meadow
- AC86B4
≈ Purple Statice
Geteilt komplementär +150° +210°
- AF915D
Brazilian Citrine
- 619FBD
≈ Dupain
- 958EC3
≈ Hermosa
Tetradisch +90° +180° +270°
- AF915D
Brazilian Citrine
- 61A68F
≈ Artemesia Green
- 7A97C7
≈ Steel Blue Eyes
- BB829C
≈ Polignac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.03:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--brazilian-citrine: #af915d;
--brazilian-citrine-rgb: 175 145 93;
--brazilian-citrine-oklch: oklch(0.672 0.078 80.6);
}
.element {
color: var(--brazilian-citrine);
background-color: hsl(38 34% 53%);
border-color: oklch(0.672 0.078 80.6);
}Tailwind CSS v4
@theme {
--color-brazilian-citrine: #af915d;
--color-brazilian-citrine-50: #fff4dd;
--color-brazilian-citrine-100: #f5e6cb;
--color-brazilian-citrine-200: #e5d2af;
--color-brazilian-citrine-300: #cbb48a;
--color-brazilian-citrine-400: #b79a69;
--color-brazilian-citrine-500: #a18146;
--color-brazilian-citrine-600: #886d3d;
--color-brazilian-citrine-700: #6d5730;
--color-brazilian-citrine-800: #513f22;
--color-brazilian-citrine-900: #382b16;
--color-brazilian-citrine-950: #231907;
}SCSS
$brazilian-citrine: #af915d;
$brazilian-citrine-rgb: 175, 145, 93;
$brazilian-citrine-light: mix(#fff, $brazilian-citrine, 20%);
$brazilian-citrine-dark: mix(#000, $brazilian-citrine, 20%);
.element {
color: $brazilian-citrine;
box-shadow: 0 0 0 2px rgba($brazilian-citrine, 0.35);
}