Cor nomeada · #F8DC9B
Honey Tone
Honey Tone é #F8DC9B: rgb(248 220 155), hsl(42 87% 79%), oklch(0.903 0.088 87.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Honey Tone color name →
#F8DC9B
oklch(0.903 0.088 87.3)
Conversões de cor
- HEX
- #f8dc9b
- RGB
- rgb(248 220 155)
- HSL
- hsl(42 87% 79%)
- HWB
- hwb(42 61% 3%)
- OKLCH
- oklch(0.903 0.088 87.3)
- OKLab
- oklab(0.903 0.004 0.088)
- CIE Lab
- lab(89.01 3.47 35.71)
- LCH
- lch(89.01 35.88 84.5)
- CMYK
- cmyk(0% 11% 38% 3%)
Tons claros · Sombras · Tons
Tons claros
- F9E0A6
- F9E3B0
- FAE7BA
- FBEAC4
- FCEECE
- FCF1D8
- FDF5E2
- FEF8EC
- FEFCF5
Sombras
- D8BF86
- B8A372
- 9A885E
- 7C6E4B
- 605439
- 453C28
- 2C2618
- 151109
- 030201
Tons
- EBD399
- DFC997
- D3C094
- C6B692
- BAAD8F
- AEA48C
- A39B89
- 979286
- 8B8983
Harmonias de cor
Complementar +180°
- F8DC9B
Honey Tone
- D1DFFF
≈ Arc Light
Análoga -30° +30°
- F8DC9B
Honey Tone
- FFD6B8
≈ Curtsy
- DAE7A4
≈ Mermaid Tears
Tríade +120° +240°
- F8DC9B
Honey Tone
- 96F0FD
≈ Permafrost
- FFCBFD
≈ Sugar Chic
Complementar dividida +150° +210°
- F8DC9B
Honey Tone
- BEE5FF
≈ Fresh Water
- E2D8FF
≈ Transparent Blue
Tétrade +90° +180° +270°
- F8DC9B
Honey Tone
- 9DF3DE
≈ Turquoise Pearl
- D1DFFF
≈ Arc Light
- FFD0DF
≈ Light Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.70:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--honey-tone: #f8dc9b;
--honey-tone-rgb: 248 220 155;
--honey-tone-oklch: oklch(0.903 0.088 87.3);
}
.element {
color: var(--honey-tone);
background-color: hsl(42 87% 79%);
border-color: oklch(0.903 0.088 87.3);
}Tailwind CSS v4
@theme {
--color-honey-tone: #f8dc9b;
--color-honey-tone-50: #fff5d9;
--color-honey-tone-100: #f4e7c7;
--color-honey-tone-200: #e3d3aa;
--color-honey-tone-300: #c9b683;
--color-honey-tone-400: #b59b60;
--color-honey-tone-500: #9f823b;
--color-honey-tone-600: #866e33;
--color-honey-tone-700: #6c5828;
--color-honey-tone-800: #50401b;
--color-honey-tone-900: #382c12;
--color-honey-tone-950: #221904;
}SCSS
$honey-tone: #f8dc9b;
$honey-tone-rgb: 248, 220, 155;
$honey-tone-light: mix(#fff, $honey-tone, 20%);
$honey-tone-dark: mix(#000, $honey-tone, 20%);
.element {
color: $honey-tone;
box-shadow: 0 0 0 2px rgba($honey-tone, 0.35);
}