Nazwany kolor · #F5E7C8
Rice Wine
Rice Wine to #F5E7C8: rgb(245 231 200), hsl(41 69% 87%), oklch(0.931 0.043 86.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Rice Wine color name →
#F5E7C8
oklch(0.931 0.043 86.6)
Konwersje koloru
- HEX
- #f5e7c8
- RGB
- rgb(245 231 200)
- HSL
- hsl(41 69% 87%)
- HWB
- hwb(41 78% 4%)
- OKLCH
- oklch(0.931 0.043 86.6)
- OKLab
- oklab(0.931 0.003 0.043)
- CIE Lab
- lab(92.18 1.29 16.96)
- LCH
- lch(92.18 17.01 85.7)
- CMYK
- cmyk(0% 6% 18% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6E9CE
- F7ECD3
- F8EED9
- F9F1DE
- FAF3E4
- FBF5E9
- FCF8EF
- FDFAF4
- FEFDFA
Odcienie ciemniejsze
- D5C9AE
- B6AB94
- 988F7B
- 7B7363
- 5F594C
- 444036
- 2B2821
- 15130F
- 030302
Tony
- E9DCC1
- DDD2B9
- D0C7B2
- C5BDAB
- B9B2A4
- ADA89C
- A29E95
- 96948E
- 8B8A87
Harmonie kolorów
Komplementarna +180°
- F5E7C8
Rice Wine
- DEE8FF
≈ Lavender Mist
Analogowa -30° +30°
- F5E7C8
Rice Wine
- FFE2CE
≈ Melted Marshmallow
- E6EDCC
≈ Honeydew Melon
Triada +120° +240°
- F5E7C8
Rice Wine
- C8F1F7
≈ Vaporised
- F8DFF8
≈ Silky Pink
Komplementarna rozszczepiona +150° +210°
- F5E7C8
Rice Wine
- D1EDFF
≈ Ice Castle
- EAE4FF
≈ Lavender Mist
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.14:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.14:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--rice-wine: #f5e7c8;
--rice-wine-rgb: 245 231 200;
--rice-wine-oklch: oklch(0.931 0.043 86.6);
}
.element {
color: var(--rice-wine);
background-color: hsl(41 69% 87%);
border-color: oklch(0.931 0.043 86.6);
}Tailwind CSS v4
@theme {
--color-rice-wine: #f5e7c8;
--color-rice-wine-50: #faf5e7;
--color-rice-wine-100: #eee7d8;
--color-rice-wine-200: #dcd4c0;
--color-rice-wine-300: #c0b79f;
--color-rice-wine-400: #aa9d82;
--color-rice-wine-500: #938565;
--color-rice-wine-600: #7c7056;
--color-rice-wine-700: #635a45;
--color-rice-wine-800: #494131;
--color-rice-wine-900: #332d21;
--color-rice-wine-950: #1f1a11;
}SCSS
$rice-wine: #f5e7c8;
$rice-wine-rgb: 245, 231, 200;
$rice-wine-light: mix(#fff, $rice-wine, 20%);
$rice-wine-dark: mix(#000, $rice-wine, 20%);
.element {
color: $rice-wine;
box-shadow: 0 0 0 2px rgba($rice-wine, 0.35);
}