# #ffff00 color: Yellow

#ffff00 is rgb(255, 255, 0) in RGB and oklch(96.798% 0.21101 109.769) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/ffff00

## Formats

| Format | Value |
| --- | --- |
| HEX | #ffff00 |
| RGB | rgb(255, 255, 0) |
| HSL | hsl(60, 100%, 50%) |
| HSB / HSV | hsv(60 100% 100%) |
| HWB | hwb(60 0% 0%) |
| CMYK | cmyk(0% 0% 100% 0%) |
| Lab | lab(97.61 -15.75 93.39) |
| LCH | lch(97.61 94.71 99.57) |
| OKLab | oklab(96.798% -0.07137 0.19857) |
| OKLCH | oklch(96.798% 0.21101 109.769) |
| Display P3 | color(display-p3 1 1 0.3309) |
| Rec. 2020 | color(rec2020 0.97831 0.99436 0.29839) |
| Adobe RGB | color(a98-rgb 1 1 0.23442) |
| ProPhoto RGB | color(prophoto-rgb 0.91929 0.98425 0.32811) |
| Linear sRGB | color(srgb-linear 1 1 0) |
| XYZ D65 | color(xyz-d65 0.76998 0.92781 0.13853) |
| XYZ D50 | color(xyz-d50 0.82122 0.93938 0.11101) |
| SwiftUI | Color(red: 1, green: 1, blue: 0) |
| UIKit | UIColor(red: 1, green: 1, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFFFFF00) |
| Android XML | #FFFF00 |

## Facts

- Closest name: Yellow
- Hue family: Yellow, neon very light yellow
- Closest Tailwind class: yellow-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.07:1
- Contrast with black: 19.56:1

## Tints

#ffff00, #ffff4b, #feff6b, #feff83, #feff99, #feffac, #feffbe, #feffcf, #feffe0, #fffff0

## Shades

#ffff00, #dede00, #bebe00, #9e9e00, #808000, #636300, #484800, #2e2e00, #161600, #030300

## Tones

#ffff00, #fefe49, #fcfe68, #fbfd80, #fafc95, #f9fba7, #f8fab8, #f7f9c8, #f6f8d7, #f5f6e6

## Harmonies

- Complementary: #ffff00, #f3f1ff
- Split: #ffff00, #e7f6ff, #ffeaff
- Analogous: #ffff00, #fff0c1, #d0ffc3
- Triadic: #ffff00, #d7fbff, #ffe9f9
- Tetradic: #ffff00, #bfffec, #f3f1ff, #ffe9f9
- Square: #ffff00, #b1ffff, #f3f1ff, #ffebea
- Monochromatic: #ffff00, #b0af00, #d7d600, #ffff04, #ffff04

## Questions about #ffff00

### What color is #ffff00?

#ffff00 is neon very light yellow. The closest named color is Yellow. In RGB it is rgb(255, 255, 0), in HSL hsl(60, 100%, 50%) and in OKLCH oklch(96.798% 0.21101 109.769).

### What colors go well with #ffff00?

The complementary color of #ffff00 is #f3f1ff. For a calmer combination use the analogous colors #fff0c1 and #d0ffc3. The triadic partners are #d7fbff and #ffe9f9.

### Is white or black text more readable on #ffff00?

Black text reads better on #ffff00: white gives a contrast ratio of 1.07:1 and black gives 19.56:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #ffff00 a warm or cool color?

#ffff00 is a neutral color. In OKLCH its hue is 110 degrees, its lightness 96.8% and its chroma 0.211.
