이름 색상 · #DDCA69
Pirate Treasure
Pirate Treasure은(는) #DDCA69: rgb(221 202 105), hsl(50 63% 64%), oklch(0.835 0.12 98.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Pirate Treasure color name →
#DDCA69
oklch(0.835 0.12 98.5)
색상 변환
- HEX
- #ddca69
- RGB
- rgb(221 202 105)
- HSL
- hsl(50 63% 64%)
- HWB
- hwb(50 41% 13%)
- OKLCH
- oklch(0.835 0.12 98.5)
- OKLab
- oklab(0.835 -0.018 0.119)
- CIE Lab
- lab(81.45 -2.14 50.29)
- LCH
- lch(81.45 50.33 92.4)
- CMYK
- cmyk(0% 9% 52% 13%)
틴트 · 셰이드 · 톤
틴트
- E0CF7A
- E4D58A
- E7DA9A
- EAE0A9
- EEE5B8
- F1EAC6
- F5F0D4
- F8F5E3
- FBFAF1
셰이드
- C0AF5A
- A4954C
- 887C3E
- 6E6431
- 554D24
- 3D3718
- 26220C
- 110F04
- 020200
톤
- D3C36D
- CABB71
- C0B474
- B7AC77
- ADA579
- A49D7B
- 9B967D
- 928F7E
- 89877F
색 조화
보색 +180°
- DDCA69
Pirate Treasure
- BCC4FF
≈ Light Periwinkle
유사색 -30° +30°
- DDCA69
Pirate Treasure
- FCBA6F
≈ Yellow Warbler
- B2D882
≈ Wasabi
삼각 배색 +120° +240°
- DDCA69
Pirate Treasure
- 5DDBFD
≈ Ionized-Air Glow
- FCAAE4
≈ Fresh Gum
분열 보색 +150° +210°
- DDCA69
Pirate Treasure
- 9DCEFF
≈ Baby Blue
- DDB6FF
≈ Light Violet
사각 배색 +90° +180° +270°
- DDCA69
Pirate Treasure
- 57E2D8
≈ Near Moon
- BCC4FF
≈ Light Periwinkle
- FFB0BD
≈ Poodle Skirt
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.72:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--pirate-treasure: #ddca69;
--pirate-treasure-rgb: 221 202 105;
--pirate-treasure-oklch: oklch(0.835 0.12 98.5);
}
.element {
color: var(--pirate-treasure);
background-color: hsl(50 63% 64%);
border-color: oklch(0.835 0.12 98.5);
}Tailwind CSS v4
@theme {
--color-pirate-treasure: #ddca69;
--color-pirate-treasure-50: #fcf7d0;
--color-pirate-treasure-100: #f0eabc;
--color-pirate-treasure-200: #dfd69b;
--color-pirate-treasure-300: #c5b96f;
--color-pirate-treasure-400: #b19f43;
--color-pirate-treasure-500: #9b8600;
--color-pirate-treasure-600: #837100;
--color-pirate-treasure-700: #695b03;
--color-pirate-treasure-800: #4f4200;
--color-pirate-treasure-900: #372d02;
--color-pirate-treasure-950: #221a00;
}SCSS
$pirate-treasure: #ddca69;
$pirate-treasure-rgb: 221, 202, 105;
$pirate-treasure-light: mix(#fff, $pirate-treasure, 20%);
$pirate-treasure-dark: mix(#000, $pirate-treasure, 20%);
.element {
color: $pirate-treasure;
box-shadow: 0 0 0 2px rgba($pirate-treasure, 0.35);
}