命名颜色 · #EEE8AA
Yellow Jasmine
Yellow Jasmine 即 #EEE8AA：rgb(238 232 170)、hsl(55 67% 80%)、oklch(0.921 0.08 103.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Yellow Jasmine color name →
#EEE8AA
oklch(0.921 0.08 103.2)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- F0EAB3
- F1EDBC
- F3EFC4
- F5F1CD
- F6F4D5
- F8F6DE
- FAF8E6
- FBFBEE
- FDFDF7
深色调
- CFCA93
- B1AC7D
- 939068
- 777453
- 5C593F
- 42402D
- 2A291B
- 14130B
- 030301
灰色调
- E2DDA6
- D7D2A2
- CCC89E
- C0BD9A
- B5B396
- AAA892
- A09E8D
- 959489
- 8A8A85
配色和谐
互补色 +180°
- EEE8AA
Yellow Jasmine
- E1E2FF
≈ Stoic White
类似色 -30° +30°
- EEE8AA
Yellow Jasmine
- FFDFB8
≈ Liveliness
- D0F1BB
≈ Maroccan Tea
三角配色 +120° +240°
- EEE8AA
Yellow Jasmine
- C0EDFF
≈ Blue Java Banana
- FFD8EE
≈ Sweet Sachet
分裂互补色 +150° +210°
- EEE8AA
Yellow Jasmine
- D3E7FF
≈ Veiling Waterfalls
- F2DBFF
≈ Lavender Savour
四角配色 +90° +180° +270°
- EEE8AA
Yellow Jasmine
- A4F6F4
≈ Hydro Cannon
- E1E2FF
≈ Stoic White
- FFDADD
≈ Strawberry Blonde
对比度与无障碍
Ag
Fail白底
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.75:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
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);
}