Nazwany kolor · #AF915D
Brazilian Citrine
Brazilian Citrine to #AF915D: rgb(175 145 93), hsl(38 34% 53%), oklch(0.672 0.078 80.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Brazilian Citrine color name →
#AF915D
oklch(0.672 0.078 80.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B79C6D
- BFA67D
- C7B18D
- CFBC9D
- D7C7AD
- DFD2BD
- E7DDCE
- EFE8DE
- F7F4EE
Odcienie ciemniejsze
- 987D50
- 816A43
- 6B5837
- 56462A
- 41351F
- 2E2514
- 1C150A
- 0B0703
- 010100
Tony
- AA8F61
- A68E65
- A18C69
- 9C8B6D
- 978970
- 938774
- 8E8577
- 89847A
- 85827D
Harmonie kolorów
Komplementarna +180°
- AF915D
Brazilian Citrine
- 7A97C7
≈ Steel Blue Eyes
Analogowa -30° +30°
- AF915D
Brazilian Citrine
- BD886A
≈ Honey Graham
- 989B61
≈ Stem
Triada +120° +240°
- AF915D
Brazilian Citrine
- 55A5A9
≈ Twilight Meadow
- AC86B4
≈ Purple Statice
Komplementarna rozszczepiona +150° +210°
- AF915D
Brazilian Citrine
- 619FBD
≈ Dupain
- 958EC3
≈ Hermosa
Tetrada +90° +180° +270°
- AF915D
Brazilian Citrine
- 61A68F
≈ Artemesia Green
- 7A97C7
≈ Steel Blue Eyes
- BB829C
≈ Polignac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.98:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.03:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
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);
}