이름 색상 · #DAEA6F
Mindaro
Mindaro은(는) #DAEA6F: rgb(218 234 111), hsl(68 75% 68%), oklch(0.9 0.149 115.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mindaro color name →
#DAEA6F
oklch(0.9 0.149 115.6)
색상 변환
- HEX
- #daea6f
- RGB
- rgb(218 234 111)
- HSL
- hsl(68 75% 68%)
- HWB
- hwb(68 44% 8%)
- OKLCH
- oklch(0.9 0.149 115.6)
- OKLab
- oklab(0.9 -0.064 0.134)
- CIE Lab
- lab(89.65 -18.03 56.8)
- LCH
- lch(89.65 59.59 107.6)
- CMYK
- cmyk(7% 0% 53% 8%)
틴트 · 셰이드 · 톤
틴트
- DDEC80
- E1EF91
- E5F1A0
- E8F3AE
- ECF5BC
- F0F7CA
- F3F9D8
- F7FBE5
- FBFDF2
셰이드
- BDCB60
- A2AE51
- 879142
- 6C7534
- 545A27
- 3C411A
- 25290E
- 111304
- 020301
톤
- D0DF73
- C7D477
- BECA7A
- B5BF7C
- ABB47E
- A3AA7F
- 9A9F80
- 919580
- 888A80
색 조화
보색 +180°
- DAEA6F
Mindaro
- E0D8FF
≈ Transparent Blue
유사색 -30° +30°
- DAEA6F
Mindaro
- FFD987
≈ Big Bus Yellow
- 9BF8A1
≈ Foam Green
삼각 배색 +120° +240°
- DAEA6F
Mindaro
- BBE5FF
≈ Breaking the Ice
- FFCFE0
≈ Bologna Sausage
분열 보색 +150° +210°
- DAEA6F
Mindaro
- CFDEFF
≈ Arc Light
- FECAFF
≈ Sugar Chic
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.31:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 15.97:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--mindaro: #daea6f;
--mindaro-rgb: 218 234 111;
--mindaro-oklch: oklch(0.9 0.149 115.6);
}
.element {
color: var(--mindaro);
background-color: hsl(68 75% 68%);
border-color: oklch(0.9 0.149 115.6);
}Tailwind CSS v4
@theme {
--color-mindaro: #daea6f;
--color-mindaro-50: #f1fccc;
--color-mindaro-100: #e3efb7;
--color-mindaro-200: #cfdd94;
--color-mindaro-300: #b1c266;
--color-mindaro-400: #9ba830;
--color-mindaro-500: #839000;
--color-mindaro-600: #6f7a00;
--color-mindaro-700: #596200;
--color-mindaro-800: #434700;
--color-mindaro-900: #2e3100;
--color-mindaro-950: #1b1d00;
}SCSS
$mindaro: #daea6f;
$mindaro-rgb: 218, 234, 111;
$mindaro-light: mix(#fff, $mindaro, 20%);
$mindaro-dark: mix(#000, $mindaro, 20%);
.element {
color: $mindaro;
box-shadow: 0 0 0 2px rgba($mindaro, 0.35);
}