이름 색상 · #CF7E40
Topaz
Topaz은(는) #CF7E40: rgb(207 126 64), hsl(26 60% 53%), oklch(0.668 0.127 55.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Topaz color name →
#CF7E40
oklch(0.668 0.127 55.7)
색상 변환
- HEX
- #cf7e40
- RGB
- rgb(207 126 64)
- HSL
- hsl(26 60% 53%)
- HWB
- hwb(26 25% 19%)
- OKLCH
- oklch(0.668 0.127 55.7)
- OKLab
- oklab(0.668 0.071 0.105)
- CIE Lab
- lab(60.91 28.43 46.63)
- LCH
- lch(60.91 54.61 58.6)
- CMYK
- cmyk(0% 39% 69% 19%)
틴트 · 셰이드 · 톤
틴트
- D58B55
- DA9869
- E0A57C
- E5B28F
- EABFA2
- EECBB4
- F3D8C7
- F7E5D9
- FBF2EC
셰이드
- B46D36
- 995C2D
- 7F4C24
- 673C1B
- 4F2D13
- 381F0B
- 231105
- 100501
- 020100
톤
- C77F49
- C08051
- B88058
- B1805F
- A98165
- A1816B
- 998171
- 918176
- 88807B
색 조화
보색 +180°
- CF7E40
Topaz
- 31A0D7
≈ Blue Damselfly
유사색 -30° +30°
- CF7E40
Topaz
- D7736B
≈ Lantana
- B78E22
≈ Loden Yellow
삼각 배색 +120° +240°
- CF7E40
Topaz
- 00AD91
≈ Hobgoblin
- 9C83D9
≈ Indigo Bloom
분열 보색 +150° +210°
- CF7E40
Topaz
- 00A8B7
≈ Bluebird
- 6F92E2
≈ Guilliman Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.71:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--topaz: #cf7e40;
--topaz-rgb: 207 126 64;
--topaz-oklch: oklch(0.668 0.127 55.7);
}
.element {
color: var(--topaz);
background-color: hsl(26 60% 53%);
border-color: oklch(0.668 0.127 55.7);
}Tailwind CSS v4
@theme {
--color-topaz: #cf7e40;
--color-topaz-50: #ffedd2;
--color-topaz-100: #ffdebf;
--color-topaz-200: #fec79f;
--color-topaz-300: #e9a775;
--color-topaz-400: #d78950;
--color-topaz-500: #c46c20;
--color-topaz-600: #a55c1e;
--color-topaz-700: #854918;
--color-topaz-800: #633411;
--color-topaz-900: #46240a;
--color-topaz-950: #2d1201;
}SCSS
$topaz: #cf7e40;
$topaz-rgb: 207, 126, 64;
$topaz-light: mix(#fff, $topaz, 20%);
$topaz-dark: mix(#000, $topaz, 20%);
.element {
color: $topaz;
box-shadow: 0 0 0 2px rgba($topaz, 0.35);
}