이름 색상 · #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);
}