Colore con nome · #F6D58B
Scalloped Potatoes
Scalloped Potatoes è #F6D58B: rgb(246 213 139), hsl(41 86% 75%), oklch(0.885 0.1 86.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Scalloped Potatoes color name →
#F6D58B
oklch(0.885 0.1 86.4)
Conversioni di colore
- HEX
- #f6d58b
- RGB
- rgb(246 213 139)
- HSL
- hsl(41 86% 75%)
- HWB
- hwb(41 55% 4%)
- OKLCH
- oklch(0.885 0.1 86.4)
- OKLab
- oklab(0.885 0.006 0.099)
- CIE Lab
- lab(86.88 4.84 40.98)
- LCH
- lch(86.88 41.26 83.3)
- CMYK
- cmyk(0% 13% 43% 4%)
Tinte · Ombre · Toni
Tinte
- F7D998
- F8DEA4
- F9E2B0
- FAE6BB
- FBEAC7
- FCEFD2
- FCF3DD
- FDF7E9
- FEFBF4
Ombre
- D6B978
- B79E66
- 988354
- 7B6A43
- 5F5132
- 453A23
- 2C2414
- 151007
- 030201
Toni
- EACC8B
- DDC48A
- D1BB8A
- C5B289
- B9AA88
- AEA187
- A29985
- 979184
- 8B8882
Armonie di colore
Complementare +180°
- F6D58B
Scalloped Potatoes
- C8D9FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F6D58B
Scalloped Potatoes
- FFCDAB
≈ Petticoat
- D5E295
≈ Charming Green
Triadico +120° +240°
- F6D58B
Scalloped Potatoes
- 83ECFA
≈ Photon Projector
- FCC2FC
≈ Electric Lavender
Complementare divisa +150° +210°
- F6D58B
Scalloped Potatoes
- B0E0FF
≈ Frozen Landscape
- DCD1FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F6D58B
Scalloped Potatoes
- 8DEFD7
≈ Tiffany Blue
- C8D9FF
≈ Pale Phthalo Blue
- FFC7DA
≈ Blossom Tree
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.80:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--scalloped-potatoes: #f6d58b;
--scalloped-potatoes-rgb: 246 213 139;
--scalloped-potatoes-oklch: oklch(0.885 0.1 86.4);
}
.element {
color: var(--scalloped-potatoes);
background-color: hsl(41 86% 75%);
border-color: oklch(0.885 0.1 86.4);
}Tailwind CSS v4
@theme {
--color-scalloped-potatoes: #f6d58b;
--color-scalloped-potatoes-50: #fff4d5;
--color-scalloped-potatoes-100: #f6e7c3;
--color-scalloped-potatoes-200: #e6d3a4;
--color-scalloped-potatoes-300: #ccb57c;
--color-scalloped-potatoes-400: #b89a56;
--color-scalloped-potatoes-500: #a3812b;
--color-scalloped-potatoes-600: #8a6d26;
--color-scalloped-potatoes-700: #6e571f;
--color-scalloped-potatoes-800: #523f14;
--color-scalloped-potatoes-900: #392c0d;
--color-scalloped-potatoes-950: #241902;
}SCSS
$scalloped-potatoes: #f6d58b;
$scalloped-potatoes-rgb: 246, 213, 139;
$scalloped-potatoes-light: mix(#fff, $scalloped-potatoes, 20%);
$scalloped-potatoes-dark: mix(#000, $scalloped-potatoes, 20%);
.element {
color: $scalloped-potatoes;
box-shadow: 0 0 0 2px rgba($scalloped-potatoes, 0.35);
}