이름 색상 · #F7D60D
Tau Light Ochre
Tau Light Ochre은(는) #F7D60D: rgb(247 214 13), hsl(52 94% 51%), oklch(0.877 0.18 97.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tau Light Ochre color name →
#F7D60D
oklch(0.877 0.18 97.7)
색상 변환
- HEX
- #f7d60d
- RGB
- rgb(247 214 13)
- HSL
- hsl(52 94% 51%)
- HWB
- hwb(52 5% 3%)
- OKLCH
- oklch(0.877 0.18 97.7)
- OKLab
- oklab(0.877 -0.024 0.178)
- CIE Lab
- lab(86.47 0.11 84.37)
- LCH
- lch(86.47 84.37 89.9)
- CMYK
- cmyk(0% 13% 95% 3%)
틴트 · 셰이드 · 톤
틴트
- F8DB47
- F8DF65
- F9E47D
- FAE892
- FBECA6
- FBF0B9
- FCF4CB
- FDF8DD
- FEFBEE
셰이드
- D7BA0A
- B79E07
- 998405
- 7C6A03
- 605202
- 453B01
- 2C2500
- 151000
- 030200
톤
- EACD35
- DEC547
- D2BC55
- C6B45F
- BAAB67
- AEA36E
- A29A74
- 969179
- 8B897D
색 조화
보색 +180°
- F7D60D
Tau Light Ochre
- CCD4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- F7D60D
Tau Light Ochre
- FFCC96
≈ Tangerine Silk
- B5EC5E
≈ Inchworm
삼각 배색 +120° +240°
- F7D60D
Tau Light Ochre
- 8DE6FF
≈ Winter Wizard
- FFC0EC
≈ Pink Quartz
분열 보색 +150° +210°
- F7D60D
Tau Light Ochre
- B6DBFF
≈ Broad Daylight
- E5CAFF
≈ Lens Flare Pink
사각 배색 +90° +180° +270°
- F7D60D
Tau Light Ochre
- 01F6E9
≈ Bright Aqua
- CCD4FF
≈ Pale Phthalo Blue
- FFC5CE
≈ Rubber Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.57:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.57:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--tau-light-ochre: #f7d60d;
--tau-light-ochre-rgb: 247 214 13;
--tau-light-ochre-oklch: oklch(0.877 0.18 97.7);
}
.element {
color: var(--tau-light-ochre);
background-color: hsl(52 94% 51%);
border-color: oklch(0.877 0.18 97.7);
}Tailwind CSS v4
@theme {
--color-tau-light-ochre: #f7d60d;
--color-tau-light-ochre-50: #fff7bc;
--color-tau-light-ochre-100: #f6eaa4;
--color-tau-light-ochre-200: #e6d678;
--color-tau-light-ochre-300: #cdb938;
--color-tau-light-ochre-400: #bc9d00;
--color-tau-light-ochre-500: #a78200;
--color-tau-light-ochre-600: #8d6f00;
--color-tau-light-ochre-700: #715800;
--color-tau-light-ochre-800: #554000;
--color-tau-light-ochre-900: #3c2c00;
--color-tau-light-ochre-950: #251900;
}SCSS
$tau-light-ochre: #f7d60d;
$tau-light-ochre-rgb: 247, 214, 13;
$tau-light-ochre-light: mix(#fff, $tau-light-ochre, 20%);
$tau-light-ochre-dark: mix(#000, $tau-light-ochre, 20%);
.element {
color: $tau-light-ochre;
box-shadow: 0 0 0 2px rgba($tau-light-ochre, 0.35);
}