이름 색상 · #DDD618
Chips Provencale
Chips Provencale은(는) #DDD618: rgb(221 214 24), hsl(58 80% 48%), oklch(0.854 0.18 107.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Chips Provencale color name →
#DDD618
oklch(0.854 0.18 107.2)
색상 변환
- HEX
- #ddd618
- RGB
- rgb(221 214 24)
- HSL
- hsl(58 80% 48%)
- HWB
- hwb(58 9% 13%)
- OKLCH
- oklch(0.854 0.18 107.2)
- OKLab
- oklab(0.854 -0.053 0.172)
- CIE Lab
- lab(84.15 -10.68 80.08)
- LCH
- lch(84.15 80.79 97.6)
- CMYK
- cmyk(0% 3% 89% 13%)
틴트 · 셰이드 · 톤
틴트
- E0DB48
- E3DF65
- E6E37D
- EAE892
- EDECA5
- F0F0B8
- F4F4CA
- F8F8DC
- FBFBEE
셰이드
- C0BA13
- A49E0F
- 88840A
- 6E6A07
- 555204
- 3D3B02
- 262501
- 111000
- 020200
톤
- D3CD37
- C9C548
- C0BC55
- B6B45F
- ADAB67
- A3A26E
- 9A9A73
- 919178
- 89897C
색 조화
보색 +180°
- DDD618
Chips Provencale
- CBC8FF
≈ Innocent Snowdrop
유사색 -30° +30°
- DDD618
Chips Provencale
- FFC464
≈ Honey Locust
- 93EA6E
≈ Herbivore
삼각 배색 +120° +240°
- DDD618
Chips Provencale
- 8ADCFF
≈ Tranquil Pool
- FFB6DB
≈ Candy Bar
분열 보색 +150° +210°
- DDD618
Chips Provencale
- B1D1FF
≈ Ice Cold Stare
- EDB9FF
≈ Euphoria
사각 배색 +90° +180° +270°
- DDD618
Chips Provencale
- 00ECF0
≈ Cold Light of Day
- CBC8FF
≈ Innocent Snowdrop
- FFBBBC
≈ Hard Candy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.70:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--chips-provencale: #ddd618;
--chips-provencale-rgb: 221 214 24;
--chips-provencale-oklch: oklch(0.854 0.18 107.2);
}
.element {
color: var(--chips-provencale);
background-color: hsl(58 80% 48%);
border-color: oklch(0.854 0.18 107.2);
}Tailwind CSS v4
@theme {
--color-chips-provencale: #ddd618;
--color-chips-provencale-50: #f8fabf;
--color-chips-provencale-100: #eceea7;
--color-chips-provencale-200: #dadb7d;
--color-chips-provencale-300: #bfbe42;
--color-chips-provencale-400: #aba400;
--color-chips-provencale-500: #968b00;
--color-chips-provencale-600: #7e7500;
--color-chips-provencale-700: #655e00;
--color-chips-provencale-800: #4c4400;
--color-chips-provencale-900: #352f00;
--color-chips-provencale-950: #201b00;
}SCSS
$chips-provencale: #ddd618;
$chips-provencale-rgb: 221, 214, 24;
$chips-provencale-light: mix(#fff, $chips-provencale, 20%);
$chips-provencale-dark: mix(#000, $chips-provencale, 20%);
.element {
color: $chips-provencale;
box-shadow: 0 0 0 2px rgba($chips-provencale, 0.35);
}