이름 색상 · #EFDDC3
Jakarta
Jakarta은(는) #EFDDC3: rgb(239 221 195), hsl(35 58% 85%), oklch(0.905 0.04 77.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Jakarta color name →
#EFDDC3
oklch(0.905 0.04 77.2)
색상 변환
- HEX
- #efddc3
- RGB
- rgb(239 221 195)
- HSL
- hsl(35 58% 85%)
- HWB
- hwb(35 76% 6%)
- OKLCH
- oklch(0.905 0.04 77.2)
- OKLab
- oklab(0.905 0.009 0.039)
- CIE Lab
- lab(89.09 3.35 15.17)
- LCH
- lch(89.09 15.53 77.5)
- CMYK
- cmyk(0% 8% 18% 6%)
틴트 · 셰이드 · 톤
틴트
- F1E0C9
- F2E4CF
- F4E7D5
- F5EBDB
- F7EEE1
- F9F1E7
- FAF5ED
- FCF8F3
- FDFCF9
셰이드
- D0C0A9
- B1A490
- 948878
- 786E60
- 5C554A
- 423D34
- 2A2620
- 14110E
- 030202
톤
- E3D3BC
- D8CAB5
- CCC0AF
- C1B7A8
- B6ADA1
- ABA49A
- A09B94
- 95928D
- 8B8987
색 조화
보색 +180°
- EFDDC3
Jakarta
- CFE1FB
≈ Light Breeze
유사색 -30° +30°
- EFDDC3
Jakarta
- F7D8CA
≈ Peach Sachet
- E2E2C4
≈ Healing Springs
삼각 배색 +120° +240°
- EFDDC3
Jakarta
- C2E8E9
≈ Light Opale
- EBD8F2
≈ Pouty Purple
분열 보색 +150° +210°
- EFDDC3
Jakarta
- C5E6F5
≈ Icy Landscape
- DDDCFA
≈ Nostalgia Perfume
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.80:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.80:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--jakarta: #efddc3;
--jakarta-rgb: 239 221 195;
--jakarta-oklch: oklch(0.905 0.04 77.2);
}
.element {
color: var(--jakarta);
background-color: hsl(35 58% 85%);
border-color: oklch(0.905 0.04 77.2);
}Tailwind CSS v4
@theme {
--color-jakarta: #efddc3;
--color-jakarta-50: #fbf4e9;
--color-jakarta-100: #efe7d9;
--color-jakarta-200: #ded3c2;
--color-jakarta-300: #c3b5a1;
--color-jakarta-400: #ac9c85;
--color-jakarta-500: #958369;
--color-jakarta-600: #7e6f59;
--color-jakarta-700: #655947;
--color-jakarta-800: #4b4133;
--color-jakarta-900: #342d23;
--color-jakarta-950: #1f1a12;
}SCSS
$jakarta: #efddc3;
$jakarta-rgb: 239, 221, 195;
$jakarta-light: mix(#fff, $jakarta, 20%);
$jakarta-dark: mix(#000, $jakarta, 20%);
.element {
color: $jakarta;
box-shadow: 0 0 0 2px rgba($jakarta, 0.35);
}