이름 색상 · #EEDD22
Caduceus Staff
Caduceus Staff은(는) #EEDD22: rgb(238 221 34), hsl(55 86% 53%), oklch(0.884 0.18 103.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Caduceus Staff color name →
#EEDD22
oklch(0.884 0.18 103.6)
색상 변환
- HEX
- #eedd22
- RGB
- rgb(238 221 34)
- HSL
- hsl(55 86% 53%)
- HWB
- hwb(55 13% 7%)
- OKLCH
- oklch(0.884 0.18 103.6)
- OKLab
- oklab(0.884 -0.042 0.175)
- CIE Lab
- lab(87.46 -6.75 81.59)
- LCH
- lch(87.46 81.87 94.7)
- CMYK
- cmyk(0% 7% 86% 7%)
틴트 · 셰이드 · 톤
틴트
- EFE14E
- F1E569
- F3E881
- F4EC95
- F6EFA8
- F8F3BB
- F9F6CC
- FBF9DE
- FDFCEE
셰이드
- CFC01C
- B1A416
- 938811
- 776E0B
- 5C5507
- 423D03
- 2A2601
- 141100
- 030200
톤
- E2D43D
- D7CA4D
- CBC159
- C0B862
- B5AE6A
- AAA570
- 9F9C75
- 959379
- 8A897D
색 조화
보색 +180°
- EEDD22
Caduceus Staff
- D3D4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EEDD22
Caduceus Staff
- FFD092
≈ Goldenrod Yellow
- A7F26F
≈ Lima
삼각 배색 +120° +240°
- EEDD22
Caduceus Staff
- 9FE5FF
≈ Winter Wizard
- FFC5E6
≈ Sugarwinkle
분열 보색 +150° +210°
- EEDD22
Caduceus Staff
- BFDCFF
≈ Broad Daylight
- ECCAFF
≈ Aquarelle Lilac
사각 배색 +90° +180° +270°
- EEDD22
Caduceus Staff
- 00F7F5
≈ Frozen State
- D3D4FF
≈ Pale Phthalo Blue
- FFC9CD
≈ Sweet Memories
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.00:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--caduceus-staff: #eedd22;
--caduceus-staff-rgb: 238 221 34;
--caduceus-staff-oklch: oklch(0.884 0.18 103.6);
}
.element {
color: var(--caduceus-staff);
background-color: hsl(55 86% 53%);
border-color: oklch(0.884 0.18 103.6);
}Tailwind CSS v4
@theme {
--color-caduceus-staff: #eedd22;
--color-caduceus-staff-50: #fcf9bd;
--color-caduceus-staff-100: #f0eca5;
--color-caduceus-staff-200: #dfd97a;
--color-caduceus-staff-300: #c4bc3d;
--color-caduceus-staff-400: #b2a100;
--color-caduceus-staff-500: #9d8800;
--color-caduceus-staff-600: #847300;
--color-caduceus-staff-700: #6a5c00;
--color-caduceus-staff-800: #504200;
--color-caduceus-staff-900: #382e00;
--color-caduceus-staff-950: #221a00;
}SCSS
$caduceus-staff: #eedd22;
$caduceus-staff-rgb: 238, 221, 34;
$caduceus-staff-light: mix(#fff, $caduceus-staff, 20%);
$caduceus-staff-dark: mix(#000, $caduceus-staff, 20%);
.element {
color: $caduceus-staff;
box-shadow: 0 0 0 2px rgba($caduceus-staff, 0.35);
}