Nazwany kolor · #F0D696
Straw Yellow
Straw Yellow to #F0D696: rgb(240 214 150), hsl(43 75% 76%), oklch(0.883 0.087 88.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Straw Yellow color name →
#F0D696
oklch(0.883 0.087 88.4)
Konwersje koloru
- HEX
- #f0d696
- RGB
- rgb(240 214 150)
- HSL
- hsl(43 75% 76%)
- HWB
- hwb(43 59% 6%)
- OKLCH
- oklch(0.883 0.087 88.4)
- OKLab
- oklab(0.883 0.002 0.086)
- CIE Lab
- lab(86.72 2.84 35.13)
- LCH
- lch(86.72 35.24 85.4)
- CMYK
- cmyk(0% 11% 37% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2DAA1
- F3DEAC
- F5E3B7
- F6E7C1
- F8EBCC
- F9EFD6
- FBF3E0
- FCF7EB
- FEFBF5
Odcienie ciemniejsze
- D1BA82
- B29E6E
- 95845B
- 786A49
- 5D5237
- 433B26
- 2A2516
- 141008
- 030201
Tony
- E4CD94
- D9C493
- CDBC91
- C2B38F
- B6AA8D
- ABA28A
- A09988
- 959185
- 8B8883
Harmonie kolorów
Komplementarna +180°
- F0D696
Straw Yellow
- C9D8FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F0D696
Straw Yellow
- FFCDA8
≈ Orenju Ogon Koi
- D3E1A0
≈ Young Wheat
Triada +120° +240°
- F0D696
Straw Yellow
- 91E9F7
≈ Photon Projector
- F9C5F5
≈ Kissed by Mist
Komplementarna rozszczepiona +150° +210°
- F0D696
Straw Yellow
- B1DFFF
≈ Droplet
- DDD0FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F0D696
Straw Yellow
- 97ECD9
≈ Oasis Stream
- C9D8FF
≈ Pale Phthalo Blue
- FFC7D8
≈ Sweet Serenade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.76:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--straw-yellow: #f0d696;
--straw-yellow-rgb: 240 214 150;
--straw-yellow-oklch: oklch(0.883 0.087 88.4);
}
.element {
color: var(--straw-yellow);
background-color: hsl(43 75% 76%);
border-color: oklch(0.883 0.087 88.4);
}Tailwind CSS v4
@theme {
--color-straw-yellow: #f0d696;
--color-straw-yellow-50: #fff5da;
--color-straw-yellow-100: #f3e7c8;
--color-straw-yellow-200: #e2d3ab;
--color-straw-yellow-300: #c8b684;
--color-straw-yellow-400: #b39c61;
--color-straw-yellow-500: #9e833c;
--color-straw-yellow-600: #856f34;
--color-straw-yellow-700: #6b592a;
--color-straw-yellow-800: #50401c;
--color-straw-yellow-900: #372c12;
--color-straw-yellow-950: #221905;
}SCSS
$straw-yellow: #f0d696;
$straw-yellow-rgb: 240, 214, 150;
$straw-yellow-light: mix(#fff, $straw-yellow, 20%);
$straw-yellow-dark: mix(#000, $straw-yellow, 20%);
.element {
color: $straw-yellow;
box-shadow: 0 0 0 2px rgba($straw-yellow, 0.35);
}