Nazwany kolor · #F1D694
Oat Straw
Oat Straw to #F1D694: rgb(241 214 148), hsl(43 77% 76%), oklch(0.884 0.089 88.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Oat Straw color name →
#F1D694
oklch(0.884 0.089 88.2)
Konwersje koloru
- HEX
- #f1d694
- RGB
- rgb(241 214 148)
- HSL
- hsl(43 77% 76%)
- HWB
- hwb(43 58% 5%)
- OKLCH
- oklch(0.884 0.089 88.2)
- OKLab
- oklab(0.884 0.003 0.089)
- CIE Lab
- lab(86.79 3.07 36.24)
- LCH
- lch(86.79 36.37 85.2)
- CMYK
- cmyk(0% 11% 39% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2DA9F
- F4DEAA
- F5E3B5
- F7E7C0
- F8EBCB
- F9EFD5
- FBF3E0
- FCF7EA
- FEFBF5
Odcienie ciemniejsze
- D2BA80
- B39E6D
- 95845A
- 796A48
- 5D5236
- 433B26
- 2B2516
- 141008
- 030201
Tony
- E5CD93
- D9C491
- CEBC90
- C2B38E
- B7AA8C
- ACA28A
- A19987
- 969185
- 8B8883
Harmonie kolorów
Komplementarna +180°
- F1D694
Oat Straw
- C9D8FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F1D694
Oat Straw
- FFCDA8
≈ Orenju Ogon Koi
- D3E19E
≈ Curious
Triada +120° +240°
- F1D694
Oat Straw
- 8FEAF8
≈ Photon Projector
- FAC4F7
≈ Aquarelle Lilac
Komplementarna rozszczepiona +150° +210°
- F1D694
Oat Straw
- B2E0FF
≈ Arctic Paradise
- DED0FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.78:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.78:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--oat-straw: #f1d694;
--oat-straw-rgb: 241 214 148;
--oat-straw-oklch: oklch(0.884 0.089 88.2);
}
.element {
color: var(--oat-straw);
background-color: hsl(43 77% 76%);
border-color: oklch(0.884 0.089 88.2);
}Tailwind CSS v4
@theme {
--color-oat-straw: #f1d694;
--color-oat-straw-50: #fff5d9;
--color-oat-straw-100: #f3e7c7;
--color-oat-straw-200: #e3d3a9;
--color-oat-straw-300: #c9b683;
--color-oat-straw-400: #b49c5f;
--color-oat-straw-500: #9f8339;
--color-oat-straw-600: #866f32;
--color-oat-straw-700: #6b5828;
--color-oat-straw-800: #50401b;
--color-oat-straw-900: #382c11;
--color-oat-straw-950: #221904;
}SCSS
$oat-straw: #f1d694;
$oat-straw-rgb: 241, 214, 148;
$oat-straw-light: mix(#fff, $oat-straw, 20%);
$oat-straw-dark: mix(#000, $oat-straw, 20%);
.element {
color: $oat-straw;
box-shadow: 0 0 0 2px rgba($oat-straw, 0.35);
}