Nazwany kolor · #DAEA6F
Mindaro
Mindaro to #DAEA6F: rgb(218 234 111), hsl(68 75% 68%), oklch(0.9 0.149 115.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mindaro color name →
#DAEA6F
oklch(0.9 0.149 115.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDEC80
- E1EF91
- E5F1A0
- E8F3AE
- ECF5BC
- F0F7CA
- F3F9D8
- F7FBE5
- FBFDF2
Odcienie ciemniejsze
- BDCB60
- A2AE51
- 879142
- 6C7534
- 545A27
- 3C411A
- 25290E
- 111304
- 020301
Tony
- D0DF73
- C7D477
- BECA7A
- B5BF7C
- ABB47E
- A3AA7F
- 9A9F80
- 919580
- 888A80
Harmonie kolorów
Komplementarna +180°
- DAEA6F
Mindaro
- E0D8FF
≈ Transparent Blue
Analogowa -30° +30°
- DAEA6F
Mindaro
- FFD987
≈ Big Bus Yellow
- 9BF8A1
≈ Foam Green
Triada +120° +240°
- DAEA6F
Mindaro
- BBE5FF
≈ Breaking the Ice
- FFCFE0
≈ Bologna Sausage
Komplementarna rozszczepiona +150° +210°
- DAEA6F
Mindaro
- CFDEFF
≈ Arc Light
- FECAFF
≈ Sugar Chic
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 15.97:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}