이름 색상 · #D46F14
Marmalade
Marmalade은(는) #D46F14: rgb(212 111 20), hsl(28 83% 45%), oklch(0.646 0.155 54.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Marmalade color name →
#D46F14
oklch(0.646 0.155 54.3)
색상 변환
- HEX
- #d46f14
- RGB
- rgb(212 111 20)
- HSL
- hsl(28 83% 45%)
- HWB
- hwb(28 8% 17%)
- OKLCH
- oklch(0.646 0.155 54.3)
- OKLab
- oklab(0.646 0.091 0.126)
- CIE Lab
- lab(58.12 36.95 61.83)
- LCH
- lch(58.12 72.03 59.1)
- CMYK
- cmyk(0% 48% 91% 17%)
틴트 · 셰이드 · 톤
틴트
- DA7E3A
- DF8D53
- E49C6A
- E9AA80
- EEB896
- F2C6AB
- F6D5C0
- F9E3D5
- FCF1EA
셰이드
- B86010
- 9D510C
- 834208
- 693405
- 512703
- 3A1A01
- 240E01
- 100400
- 020100
톤
- CC722B
- C4743A
- BC7746
- B47950
- AC7A59
- A47C62
- 9B7D6A
- 927E72
- 897F79
색 조화
보색 +180°
- D46F14
Marmalade
- 009AD4
≈ Blithe
유사색 -30° +30°
- D46F14
Marmalade
- DD625D
≈ Salami Slice
- B38600
≈ Arrowwood
삼각 배색 +120° +240°
- D46F14
Marmalade
- 00A689
≈ Brilliant Turquoise
- 9578E2
≈ Matt Purple
분열 보색 +150° +210°
- D46F14
Marmalade
- 00A1AD
≈ Riviera
- 5D89EC
≈ Soft Blue
사각 배색 +90° +180° +270°
- D46F14
Marmalade
- 48A64C
≈ Mid Green
- 009AD4
≈ Blithe
- BB69C2
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.08:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--marmalade: #d46f14;
--marmalade-rgb: 212 111 20;
--marmalade-oklch: oklch(0.646 0.155 54.3);
}
.element {
color: var(--marmalade);
background-color: hsl(28 83% 45%);
border-color: oklch(0.646 0.155 54.3);
}Tailwind CSS v4
@theme {
--color-marmalade: #d46f14;
--color-marmalade-50: #ffebcb;
--color-marmalade-100: #ffdbb6;
--color-marmalade-200: #ffc393;
--color-marmalade-300: #f4a265;
--color-marmalade-400: #e38238;
--color-marmalade-500: #d16200;
--color-marmalade-600: #b15400;
--color-marmalade-700: #8e4300;
--color-marmalade-800: #6a2f00;
--color-marmalade-900: #4b2000;
--color-marmalade-950: #310f00;
}SCSS
$marmalade: #d46f14;
$marmalade-rgb: 212, 111, 20;
$marmalade-light: mix(#fff, $marmalade, 20%);
$marmalade-dark: mix(#000, $marmalade, 20%);
.element {
color: $marmalade;
box-shadow: 0 0 0 2px rgba($marmalade, 0.35);
}