Nazwany kolor · #ECF4D2
Light Freshman
Light Freshman to #ECF4D2: rgb(236 244 210), hsl(74 61% 89%), oklch(0.952 0.045 118). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Light Freshman color name →
#ECF4D2
oklch(0.952 0.045 118)
Konwersje koloru
- HEX
- #ecf4d2
- RGB
- rgb(236 244 210)
- HSL
- hsl(74 61% 89%)
- HWB
- hwb(74 82% 4%)
- OKLCH
- oklch(0.952 0.045 118)
- OKLab
- oklab(0.952 -0.021 0.04)
- CIE Lab
- lab(94.92 -7.02 15.5)
- LCH
- lch(94.92 17.02 114.4)
- CMYK
- cmyk(3% 0% 14% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEF5D7
- F0F6DB
- F2F7E0
- F4F8E4
- F5FAE9
- F7FBED
- F9FCF2
- FBFDF6
- FDFEFB
Odcienie ciemniejsze
- CDD4B6
- AFB59B
- 929781
- 767A68
- 5B5E50
- 424439
- 292B24
- 131410
- 030302
Tony
- E1E8CA
- D5DCC1
- CAD0B9
- BFC4B1
- B4B8A8
- AAADA0
- 9FA198
- 959690
- 8A8B88
Harmonie kolorów
Komplementarna +180°
- ECF4D2
Light Freshman
- F1ECFF
≈ Placebo Purple
Analogowa -30° +30°
- ECF4D2
Light Freshman
- FCEECD
≈ Opal Cream
- DCF8DF
≈ Misty Lawn
Triada +120° +240°
- ECF4D2
Light Freshman
- E0F2FF
≈ Wizard White
- FFE8EF
≈ Rose Mochi
Komplementarna rozszczepiona +150° +210°
- ECF4D2
Light Freshman
- E9EFFF
≈ Brilliant White
- FFE6FD
≈ Bunny Tail
Tetrada +90° +180° +270°
- ECF4D2
Light Freshman
- CEF8FF
≈ Vaporised
- F1ECFF
≈ Placebo Purple
- FFEAE6
≈ Quartz Light Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.13:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.43:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-freshman: #ecf4d2;
--light-freshman-rgb: 236 244 210;
--light-freshman-oklch: oklch(0.952 0.045 118);
}
.element {
color: var(--light-freshman);
background-color: hsl(74 61% 89%);
border-color: oklch(0.952 0.045 118);
}Tailwind CSS v4
@theme {
--color-light-freshman: #ecf4d2;
--color-light-freshman-50: #f3f7e9;
--color-light-freshman-100: #e6eada;
--color-light-freshman-200: #d1d7c2;
--color-light-freshman-300: #b4bba2;
--color-light-freshman-400: #9ca284;
--color-light-freshman-500: #838b69;
--color-light-freshman-600: #6f7559;
--color-light-freshman-700: #595e47;
--color-light-freshman-800: #414533;
--color-light-freshman-900: #2d2f22;
--color-light-freshman-950: #1a1c11;
}SCSS
$light-freshman: #ecf4d2;
$light-freshman-rgb: 236, 244, 210;
$light-freshman-light: mix(#fff, $light-freshman, 20%);
$light-freshman-dark: mix(#000, $light-freshman, 20%);
.element {
color: $light-freshman;
box-shadow: 0 0 0 2px rgba($light-freshman, 0.35);
}