Nazwany kolor · #D4DE49
Yuzukoshō
Yuzukoshō to #D4DE49: rgb(212 222 73), hsl(64 69% 58%), oklch(0.866 0.167 113.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yuzukoshō color name →
#D4DE49
oklch(0.866 0.167 113.1)
Konwersje koloru
- HEX
- #d4de49
- RGB
- rgb(212 222 73)
- HSL
- hsl(64 69% 58%)
- HWB
- hwb(64 29% 13%)
- OKLCH
- oklch(0.866 0.167 113.1)
- OKLab
- oklab(0.866 -0.066 0.154)
- CIE Lab
- lab(85.71 -16.86 68)
- LCH
- lch(85.71 70.06 103.9)
- CMYK
- cmyk(5% 0% 67% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8E263
- DCE578
- E0E98C
- E4EC9E
- E9F0AF
- EDF3C0
- F1F6D0
- F6F9E0
- FAFCEF
Odcienie ciemniejsze
- B8C13E
- 9DA534
- 83892A
- 696F20
- 515517
- 3A3D0E
- 242606
- 101202
- 020200
Tony
- CBD455
- C2CB5E
- BAC265
- B1B86B
- A8AF71
- A0A575
- 989C79
- 90937C
- 88897E
Harmonie kolorów
Komplementarna +180°
- D4DE49
Yuzukoshō
- D4CBFF
≈ Lavender Blue
Analogowa -30° +30°
- D4DE49
Yuzukoshō
- FFCA5D
≈ Nacho
- 8CEF88
≈ Ulva Lactuca Green
Triada +120° +240°
- D4DE49
Yuzukoshō
- 9FDDFF
≈ Columbia Blue
- FFBDD8
≈ Cotton Candy
Komplementarna rozszczepiona +150° +210°
- D4DE49
Yuzukoshō
- BDD4FF
≈ Ice Cold Stare
- F8B9FF
≈ Brilliant Lavender
Tetrada +90° +180° +270°
- D4DE49
Yuzukoshō
- 00EFFE
≈ Aqua
- D4CBFF
≈ Lavender Blue
- FFC1BD
≈ Ladylike
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.34:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--yuzukosho: #d4de49;
--yuzukosho-rgb: 212 222 73;
--yuzukosho-oklch: oklch(0.866 0.167 113.1);
}
.element {
color: var(--yuzukosho);
background-color: hsl(64 69% 58%);
border-color: oklch(0.866 0.167 113.1);
}Tailwind CSS v4
@theme {
--color-yuzukosho: #d4de49;
--color-yuzukosho-50: #f3fcc5;
--color-yuzukosho-100: #e5efaf;
--color-yuzukosho-200: #d1dd89;
--color-yuzukosho-300: #b5c155;
--color-yuzukosho-400: #a0a800;
--color-yuzukosho-500: #898f00;
--color-yuzukosho-600: #737900;
--color-yuzukosho-700: #5c6100;
--color-yuzukosho-800: #464600;
--color-yuzukosho-900: #303100;
--color-yuzukosho-950: #1d1d00;
}SCSS
$yuzukosho: #d4de49;
$yuzukosho-rgb: 212, 222, 73;
$yuzukosho-light: mix(#fff, $yuzukosho, 20%);
$yuzukosho-dark: mix(#000, $yuzukosho, 20%);
.element {
color: $yuzukosho;
box-shadow: 0 0 0 2px rgba($yuzukosho, 0.35);
}