React-native: Colors are inaccurately rendered.

[joonhocho]

Description

Colors are inaccurately rendered on both iOS simulator and devices. Haven't checked on Android.

Hex codes from code:
Blue: #157efb
Black Text: #262626
Border: #b2b2b2
Background: #fafaff

Hex codes from screenshot:
Blue: #2181f7
Black Text: #191919
Border: #b2b2b2
Background: #fafaff

Reproduction

Simply use colors.

Additional Information

• React Native version: 0.35
• Platform: iOS, Not sure on Android
• Operating System: MacOS

[hramos]

Does this happen on a particular component, or across the board?

[joonhocho]

@hramos Across the board. It's not limited to text or buttons.

[udfalkso]

Maybe f.lux / nightshift?

[JakeCoxon]

Perhaps this is your display's colour correction. If you are using OSX try using chromes inspector to set this page's background to #157efb, using the OSX colour picker you'll get a different colour depending on the display profile in your OSX settings, I get #0A60FE

[marcosinigaglia]

I tested with MacOS Sierra and the colors are correct.

[hramos]

Sounds like a non-issue. Ping me if you think this should be re-opened.

[joonhocho]

@JakeCoxon Wow. You are right. I don't know why my display is rendering wrong colors.

[joonhocho]

For those who run into the same problem as me, change your color profile to sRGB on Mac.