이름 색상 · #CCA537
Aru Ressha
Aru Ressha은(는) #CCA537: rgb(204 165 55), hsl(44 59% 51%), oklch(0.738 0.131 88.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Aru Ressha color name →
#CCA537
oklch(0.738 0.131 88.6)
색상 변환
- HEX
- #cca537
- RGB
- rgb(204 165 55)
- HSL
- hsl(44 59% 51%)
- HWB
- hwb(44 22% 20%)
- OKLCH
- oklch(0.738 0.131 88.6)
- OKLab
- oklab(0.738 0.003 0.131)
- CIE Lab
- lab(69.92 6.74 59.34)
- LCH
- lch(69.92 59.73 83.5)
- CMYK
- cmyk(0% 19% 73% 20%)
틴트 · 셰이드 · 톤
틴트
- D1AE52
- D6B768
- DBC07C
- E0C990
- E6D2A3
- EBDBB5
- F0E4C8
- F5EDDA
- FAF6ED
셰이드
- B18F2E
- 977926
- 7E651E
- 655116
- 4E3D0F
- 372B08
- 221A03
- 0F0A01
- 020100
톤
- C4A244
- BC9E4E
- B59A57
- AD975F
- A59366
- 9E906C
- 968C72
- 8F8877
- 87847C
색 조화
보색 +180°
- CCA537
Aru Ressha
- 88A6FD
≈ Fennel Flower
유사색 -30° +30°
- CCA537
Aru Ressha
- E7944E
≈ Butternut Pizazz
- A2B54E
≈ Azeitona
삼각 배색 +120° +240°
- CCA537
Aru Ressha
- 00C0D5
≈ The Crowd Roars!
- D78BD3
≈ Blush Essence
분열 보색 +150° +210°
- CCA537
Aru Ressha
- 4DB5F3
≈ Megaman
- B597F2
≈ Dreamy Candy Forest
사각 배색 +90° +180° +270°
- CCA537
Aru Ressha
- 1AC5AB
≈ Amazonite
- 88A6FD
≈ Fennel Flower
- EC85A9
≈ Aurora Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.00:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--aru-ressha: #cca537;
--aru-ressha-rgb: 204 165 55;
--aru-ressha-oklch: oklch(0.738 0.131 88.6);
}
.element {
color: var(--aru-ressha);
background-color: hsl(44 59% 51%);
border-color: oklch(0.738 0.131 88.6);
}Tailwind CSS v4
@theme {
--color-aru-ressha: #cca537;
--color-aru-ressha-50: #fff4cb;
--color-aru-ressha-100: #f8e7b6;
--color-aru-ressha-200: #e9d393;
--color-aru-ressha-300: #d1b565;
--color-aru-ressha-400: #be9932;
--color-aru-ressha-500: #aa7f00;
--color-aru-ressha-600: #8f6c00;
--color-aru-ressha-700: #735600;
--color-aru-ressha-800: #563e00;
--color-aru-ressha-900: #3c2b00;
--color-aru-ressha-950: #261800;
}SCSS
$aru-ressha: #cca537;
$aru-ressha-rgb: 204, 165, 55;
$aru-ressha-light: mix(#fff, $aru-ressha, 20%);
$aru-ressha-dark: mix(#000, $aru-ressha, 20%);
.element {
color: $aru-ressha;
box-shadow: 0 0 0 2px rgba($aru-ressha, 0.35);
}