이름 색상 · #E2AF60
Cameleer
Cameleer은(는) #E2AF60: rgb(226 175 96), hsl(36 69% 63%), oklch(0.785 0.114 76.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cameleer color name →
#E2AF60
oklch(0.785 0.114 76.8)
색상 변환
- HEX
- #e2af60
- RGB
- rgb(226 175 96)
- HSL
- hsl(36 69% 63%)
- HWB
- hwb(36 38% 11%)
- OKLCH
- oklch(0.785 0.114 76.8)
- OKLab
- oklab(0.785 0.026 0.111)
- CIE Lab
- lab(75.05 12.8 47.4)
- LCH
- lch(75.05 49.1 74.9)
- CMYK
- cmyk(0% 23% 58% 11%)
틴트 · 셰이드 · 톤
틴트
- E5B772
- E8BF82
- EBC793
- EECFA3
- F1D7B2
- F4DFC2
- F7E7D1
- FAEFE0
- FCF7F0
셰이드
- C49852
- A88145
- 8C6B38
- 71562C
- 574120
- 3E2E15
- 271C0A
- 120B03
- 030100
톤
- D8AA65
- CEA66A
- C4A16E
- BA9D71
- B09875
- A79377
- 9D8E7A
- 938A7C
- 8A857E
색 조화
보색 +180°
- E2AF60
Cameleer
- 8BBBFF
≈ Scenic Water
유사색 -30° +30°
- E2AF60
Cameleer
- F5A279
≈ Pumpkin Hue
- C1BE63
≈ Go Go Lime
삼각 배색 +120° +240°
- E2AF60
Cameleer
- 4ACFD2
≈ Blue Radiance
- D6A2E9
≈ Bright Ube
분열 보색 +150° +210°
- E2AF60
Cameleer
- 5DC7F1
≈ Blue Mana
- B4AEFE
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.99:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.53:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--cameleer: #e2af60;
--cameleer-rgb: 226 175 96;
--cameleer-oklch: oklch(0.785 0.114 76.8);
}
.element {
color: var(--cameleer);
background-color: hsl(36 69% 63%);
border-color: oklch(0.785 0.114 76.8);
}Tailwind CSS v4
@theme {
--color-cameleer: #e2af60;
--color-cameleer-50: #fff2d1;
--color-cameleer-100: #fde4be;
--color-cameleer-200: #efcf9d;
--color-cameleer-300: #d7b173;
--color-cameleer-400: #c4954b;
--color-cameleer-500: #b07a12;
--color-cameleer-600: #956815;
--color-cameleer-700: #775311;
--color-cameleer-800: #593c0a;
--color-cameleer-900: #3e2907;
--color-cameleer-950: #271700;
}SCSS
$cameleer: #e2af60;
$cameleer-rgb: 226, 175, 96;
$cameleer-light: mix(#fff, $cameleer, 20%);
$cameleer-dark: mix(#000, $cameleer, 20%);
.element {
color: $cameleer;
box-shadow: 0 0 0 2px rgba($cameleer, 0.35);
}