이름 색상 · #D9B611
Patrinia Flowers
Patrinia Flowers은(는) #D9B611: rgb(217 182 17), hsl(50 85% 46%), oklch(0.784 0.158 94.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Patrinia Flowers color name →
#D9B611
oklch(0.784 0.158 94.7)
색상 변환
- HEX
- #d9b611
- RGB
- rgb(217 182 17)
- HSL
- hsl(50 85% 46%)
- HWB
- hwb(50 7% 15%)
- OKLCH
- oklch(0.784 0.158 94.7)
- OKLab
- oklab(0.784 -0.013 0.158)
- CIE Lab
- lab(75.46 3.03 74.63)
- LCH
- lch(75.46 74.69 87.7)
- CMYK
- cmyk(0% 16% 92% 15%)
틴트 · 셰이드 · 톤
틴트
- DDBE42
- E0C55E
- E4CD76
- E8D48B
- ECDBA0
- F0E3B3
- F3EAC6
- F7F1D9
- FBF8EC
셰이드
- BC9E0D
- A18609
- 866F06
- 6C5904
- 534402
- 3B3001
- 251D00
- 110C00
- 020200
톤
- D0B131
- C7AC42
- BDA64F
- B4A159
- AB9C62
- A39669
- 9A9170
- 918B76
- 88867B
색 조화
보색 +180°
- D9B611
Patrinia Flowers
- A4B3FF
≈ Wondrous Wisteria
유사색 -30° +30°
- D9B611
Patrinia Flowers
- FDA035
≈ Blazing Bonfire
- A2C94C
≈ Seductive Thorns
삼각 배색 +120° +240°
- D9B611
Patrinia Flowers
- 00CEEF
≈ Picnic Day Sky
- F58FE1
≈ Bubblegum Kisses
분열 보색 +150° +210°
- D9B611
Patrinia Flowers
- 74C0FF
≈ Maya Blue
- CDA1FF
≈ Lilac
사각 배색 +90° +180° +270°
- D9B611
Patrinia Flowers
- 00D5C4
≈ Turquoise Panic
- A4B3FF
≈ Wondrous Wisteria
- FF93AE
≈ Baker-Miller Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.64:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.64:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--patrinia-flowers: #d9b611;
--patrinia-flowers-rgb: 217 182 17;
--patrinia-flowers-oklch: oklch(0.784 0.158 94.7);
}
.element {
color: var(--patrinia-flowers);
background-color: hsl(50 85% 46%);
border-color: oklch(0.784 0.158 94.7);
}Tailwind CSS v4
@theme {
--color-patrinia-flowers: #d9b611;
--color-patrinia-flowers-50: #fff6c2;
--color-patrinia-flowers-100: #f7e9ac;
--color-patrinia-flowers-200: #e7d584;
--color-patrinia-flowers-300: #cfb74e;
--color-patrinia-flowers-400: #bc9c00;
--color-patrinia-flowers-500: #a88100;
--color-patrinia-flowers-600: #8e6e00;
--color-patrinia-flowers-700: #725800;
--color-patrinia-flowers-800: #563f00;
--color-patrinia-flowers-900: #3c2c00;
--color-patrinia-flowers-950: #251800;
}SCSS
$patrinia-flowers: #d9b611;
$patrinia-flowers-rgb: 217, 182, 17;
$patrinia-flowers-light: mix(#fff, $patrinia-flowers, 20%);
$patrinia-flowers-dark: mix(#000, $patrinia-flowers, 20%);
.element {
color: $patrinia-flowers;
box-shadow: 0 0 0 2px rgba($patrinia-flowers, 0.35);
}