이름 색상 · #EEC987
Ochre Revival
Ochre Revival은(는) #EEC987: rgb(238 201 135), hsl(38 75% 73%), oklch(0.853 0.094 81.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ochre Revival color name →
#EEC987
oklch(0.853 0.094 81.4)
색상 변환
- HEX
- #eec987
- RGB
- rgb(238 201 135)
- HSL
- hsl(38 75% 73%)
- HWB
- hwb(38 53% 7%)
- OKLCH
- oklch(0.853 0.094 81.4)
- OKLab
- oklab(0.853 0.014 0.093)
- CIE Lab
- lab(83.11 7.24 38.06)
- LCH
- lch(83.11 38.74 79.2)
- CMYK
- cmyk(0% 16% 43% 7%)
틴트 · 셰이드 · 톤
틴트
- F0CF94
- F2D4A0
- F3D9AC
- F5DFB8
- F7E4C4
- F9EAD0
- FAEFDC
- FCF4E8
- FDFAF3
셰이드
- CFAE75
- B19563
- 937C51
- 776441
- 5C4C31
- 423621
- 2A2213
- 140F06
- 030201
톤
- E3C287
- D7BA87
- CCB387
- C1AB86
- B6A486
- AB9D85
- A09684
- 958E83
- 8B8781
색 조화
보색 +180°
- EEC987
Ochre Revival
- B5D0FF
≈ Ice Cold Stare
유사색 -30° +30°
- EEC987
Ochre Revival
- FFBE99
≈ Happy Prawn
- D0D58D
≈ Golden Delicious
삼각 배색 +120° +240°
- EEC987
Ochre Revival
- 7EE1E8
≈ Turkish Turquoise
- ECBBF4
≈ Lovecloud
분열 보색 +150° +210°
- EEC987
Ochre Revival
- 91DAFF
≈ Shiva Blue
- CFC6FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- EEC987
Ochre Revival
- 8CE3C7
≈ Clean Green
- B5D0FF
≈ Ice Cold Stare
- FFB6D6
≈ Candy Bar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.33:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--ochre-revival: #eec987;
--ochre-revival-rgb: 238 201 135;
--ochre-revival-oklch: oklch(0.853 0.094 81.4);
}
.element {
color: var(--ochre-revival);
background-color: hsl(38 75% 73%);
border-color: oklch(0.853 0.094 81.4);
}Tailwind CSS v4
@theme {
--color-ochre-revival: #eec987;
--color-ochre-revival-50: #fff3d8;
--color-ochre-revival-100: #f7e6c5;
--color-ochre-revival-200: #e8d1a7;
--color-ochre-revival-300: #cfb480;
--color-ochre-revival-400: #bb995c;
--color-ochre-revival-500: #a57f35;
--color-ochre-revival-600: #8c6c2e;
--color-ochre-revival-700: #705625;
--color-ochre-revival-800: #543e19;
--color-ochre-revival-900: #3a2b10;
--color-ochre-revival-950: #241803;
}SCSS
$ochre-revival: #eec987;
$ochre-revival-rgb: 238, 201, 135;
$ochre-revival-light: mix(#fff, $ochre-revival, 20%);
$ochre-revival-dark: mix(#000, $ochre-revival, 20%);
.element {
color: $ochre-revival;
box-shadow: 0 0 0 2px rgba($ochre-revival, 0.35);
}