Color con nombre · #EEE8AA
Yellow Jasmine
Yellow Jasmine es #EEE8AA: rgb(238 232 170), hsl(55 67% 80%), oklch(0.921 0.08 103.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Yellow Jasmine color name →
#EEE8AA
oklch(0.921 0.08 103.2)
Conversiones de color
- HEX
- #eee8aa
- RGB
- rgb(238 232 170)
- HSL
- hsl(55 67% 80%)
- HWB
- hwb(55 67% 7%)
- OKLCH
- oklch(0.921 0.08 103.2)
- OKLab
- oklab(0.921 -0.018 0.078)
- CIE Lab
- lab(91.37 -4.82 31.04)
- LCH
- lch(91.37 31.42 98.8)
- CMYK
- cmyk(0% 3% 29% 7%)
Tintes · Sombras · Tonos
Tintes
- F0EAB3
- F1EDBC
- F3EFC4
- F5F1CD
- F6F4D5
- F8F6DE
- FAF8E6
- FBFBEE
- FDFDF7
Sombras
- CFCA93
- B1AC7D
- 939068
- 777453
- 5C593F
- 42402D
- 2A291B
- 14130B
- 030301
Tonos
- E2DDA6
- D7D2A2
- CCC89E
- C0BD9A
- B5B396
- AAA892
- A09E8D
- 959489
- 8A8A85
Armonías de color
Complementario +180°
- EEE8AA
Yellow Jasmine
- E1E2FF
≈ Stoic White
Análogo -30° +30°
- EEE8AA
Yellow Jasmine
- FFDFB8
≈ Liveliness
- D0F1BB
≈ Maroccan Tea
Triádico +120° +240°
- EEE8AA
Yellow Jasmine
- C0EDFF
≈ Blue Java Banana
- FFD8EE
≈ Sweet Sachet
Complementario dividido +150° +210°
- EEE8AA
Yellow Jasmine
- D3E7FF
≈ Veiling Waterfalls
- F2DBFF
≈ Lavender Savour
Tetrádico +90° +180° +270°
- EEE8AA
Yellow Jasmine
- A4F6F4
≈ Hydro Cannon
- E1E2FF
≈ Stoic White
- FFDADD
≈ Strawberry Blonde
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.75:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--yellow-jasmine: #eee8aa;
--yellow-jasmine-rgb: 238 232 170;
--yellow-jasmine-oklch: oklch(0.921 0.08 103.2);
}
.element {
color: var(--yellow-jasmine);
background-color: hsl(55 67% 80%);
border-color: oklch(0.921 0.08 103.2);
}Tailwind CSS v4
@theme {
--color-yellow-jasmine: #eee8aa;
--color-yellow-jasmine-50: #f8f7dd;
--color-yellow-jasmine-100: #ebeacc;
--color-yellow-jasmine-200: #d9d7b0;
--color-yellow-jasmine-300: #bdba8b;
--color-yellow-jasmine-400: #a7a169;
--color-yellow-jasmine-500: #908947;
--color-yellow-jasmine-600: #79743d;
--color-yellow-jasmine-700: #615c30;
--color-yellow-jasmine-800: #484321;
--color-yellow-jasmine-900: #322e16;
--color-yellow-jasmine-950: #1e1b07;
}SCSS
$yellow-jasmine: #eee8aa;
$yellow-jasmine-rgb: 238, 232, 170;
$yellow-jasmine-light: mix(#fff, $yellow-jasmine, 20%);
$yellow-jasmine-dark: mix(#000, $yellow-jasmine, 20%);
.element {
color: $yellow-jasmine;
box-shadow: 0 0 0 2px rgba($yellow-jasmine, 0.35);
}