Cor nomeada · #FFFDD0
Yellow Urn Orchid
Yellow Urn Orchid é #FFFDD0: rgb(255 253 208), hsl(57 100% 91%), oklch(0.984 0.058 105.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yellow Urn Orchid color name →
#FFFDD0
oklch(0.984 0.058 105.3)
Conversões de cor
- HEX
- #fffdd0
- RGB
- rgb(255 253 208)
- HSL
- hsl(57 100% 91%)
- HWB
- hwb(57 82% 0%)
- OKLCH
- oklch(0.984 0.058 105.3)
- OKLab
- oklab(0.984 -0.015 0.056)
- CIE Lab
- lab(98.63 -4.61 21.9)
- LCH
- lch(98.63 22.38 101.9)
- CMYK
- cmyk(0% 1% 18% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFFDD5
- FFFDDA
- FFFEDE
- FFFEE3
- FFFEE8
- FFFEED
- FFFFF1
- FFFFF6
- FFFFFA
Sombras
- DEDCB5
- BEBC9A
- 9E9D80
- 807F67
- 63624F
- 484739
- 2E2D23
- 161610
- 030302
Tons
- F2F0C8
- E4E3C0
- D7D6B8
- CAC9B0
- BDBDA8
- B1B0A0
- A4A498
- 989890
- 8C8C88
Harmonias de cor
Complementar +180°
- FFFDD0
Yellow Urn Orchid
- F9F9FF
≈ Ghost White
Análoga -30° +30°
- FFFDD0
Yellow Urn Orchid
- FFF9F1
≈ Floral White
- F1FFEB
≈ Crème de Menthe
Tríade +120° +240°
- FFFDD0
Yellow Urn Orchid
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Complementar dividida +150° +210°
- FFFDD0
Yellow Urn Orchid
- F7FAFF
≈ Heart of Ice
- FDF8FF
≈ Cold Snow
Tétrade +90° +180° +270°
- FFFDD0
Yellow Urn Orchid
- EAFFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.03:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 20.21:1 · APCA Lc 105
Melhor cor de texto: #000000
WCAG 20.21:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--yellow-urn-orchid: #fffdd0;
--yellow-urn-orchid-rgb: 255 253 208;
--yellow-urn-orchid-oklch: oklch(0.984 0.058 105.3);
}
.element {
color: var(--yellow-urn-orchid);
background-color: hsl(57 100% 91%);
border-color: oklch(0.984 0.058 105.3);
}Tailwind CSS v4
@theme {
--color-yellow-urn-orchid: #fffdd0;
--color-yellow-urn-orchid-50: #f6f7e4;
--color-yellow-urn-orchid-100: #e9ead4;
--color-yellow-urn-orchid-200: #d6d6ba;
--color-yellow-urn-orchid-300: #baba98;
--color-yellow-urn-orchid-400: #a3a179;
--color-yellow-urn-orchid-500: #8b895b;
--color-yellow-urn-orchid-600: #76744e;
--color-yellow-urn-orchid-700: #5e5d3e;
--color-yellow-urn-orchid-800: #46432c;
--color-yellow-urn-orchid-900: #302f1d;
--color-yellow-urn-orchid-950: #1d1b0d;
}SCSS
$yellow-urn-orchid: #fffdd0;
$yellow-urn-orchid-rgb: 255, 253, 208;
$yellow-urn-orchid-light: mix(#fff, $yellow-urn-orchid, 20%);
$yellow-urn-orchid-dark: mix(#000, $yellow-urn-orchid, 20%);
.element {
color: $yellow-urn-orchid;
box-shadow: 0 0 0 2px rgba($yellow-urn-orchid, 0.35);
}